За последние 24 часа нас посетили 16953 программиста и 1652 робота. Сейчас ищут 959 программистов ...

Как создать градиент текста?

Тема в разделе "PHP для новичков", создана пользователем Magnum, 12 ноя 2015.

  1. Magnum

    Magnum Активный пользователь

    С нами с:
    19 июл 2015
    Сообщения:
    62
    Симпатии:
    0
    Привет, мастера. Хочу сделать градиент текста на php. Суть такова:
    пользователь покупает за баллы сайта градиент никнейма. Я создал форму, в которую вводятся два значения - цвет 1 и цвет 2. Потом они добавляются в БД. Но как реализовать цвет на php ума не приложу. Помогите пожалуйста, кто знает
     
  2. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    а как бы ты реализовал цвет не на пхп? и что вообще значит "градиент текста"? каждый символ целиком цвет позиции градиента или каждый символ - маска градиента?
     
  3. Magnum

    Magnum Активный пользователь

    С нами с:
    19 июл 2015
    Сообщения:
    62
    Симпатии:
    0
    Не знаю, как такое реализовать. Видел когда-то на сайте, но сам не могу придумать как его сделать
    Это значит, что цвет текста начинается, например, с красного, и плавно переходит в зеленый. Как-то так.
     
  4. VLK

    VLK Старожил

    С нами с:
    15 дек 2013
    Сообщения:
    3.010
    Симпатии:
    58
  5. Magnum

    Magnum Активный пользователь

    С нами с:
    19 июл 2015
    Сообщения:
    62
    Симпатии:
    0
    так там работа с изображениями, а мне нужно с текстом.
    Вот так я хочу:
    [​IMG]
     
  6. VLK

    VLK Старожил

    С нами с:
    15 дек 2013
    Сообщения:
    3.010
    Симпатии:
    58
    пагади, в итоге это должна быть картинка или текст? физически, а не визуально.
     
  7. Magnum

    Magnum Активный пользователь

    С нами с:
    19 июл 2015
    Сообщения:
    62
    Симпатии:
    0
    Это должен быть обычный текст. Будет выводиться имя пользователя(с цветом который он выбрал) в чате, форуме, сообщениях.
    Прошу прощения, если описал не понятно)
     
  8. VLK

    VLK Старожил

    С нами с:
    15 дек 2013
    Сообщения:
    3.010
    Симпатии:
    58
    2 вещи
    - РНР тут не причем, это делается при помощи CSS
    - ты где-нибудь такое видел? конкретный сайт, а не "где то там"
     
  9. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    еще раз уточняю - буква имеет один цвет или буква сама под эффектом градиента находится? отсюда и решения разные. градиент когда буквы солидом залиты легко делается через ктс, градиент же текста проще через маску делать.
     
  10. Magnum

    Magnum Активный пользователь

    С нами с:
    19 июл 2015
    Сообщения:
    62
    Симпатии:
    0
    Буква находится под эффектом градиента.
    Вот еще 1 пример картинки [​IMG]
    Видел на сайте вап мастеров, на сайте http://ikoder.ru/ но там просто так вы не посмотрите, доступно после регистрации все

    Добавлено спустя 21 секунду:
    Это скрины с сайта)
     
  11. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
  12. VLK

    VLK Старожил

    С нами с:
    15 дек 2013
    Сообщения:
    3.010
    Симпатии:
    58
    открываешь в мозиле, наводишь на этот текст, жмешь правой кнопкой и жмешь "исследовать элемент" у тебя открываются инструменты разработчика и там должна быть закладка CSS, как это реализовано в CSS.
     
  13. Magnum

    Magnum Активный пользователь

    С нами с:
    19 июл 2015
    Сообщения:
    62
    Симпатии:
    0
    Спасибо, буду пробовать)
     
  14. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Раскрась каждый символ взяв его в тег и задав стиль с цветом текста.
     
  15. XggsL

    XggsL Новичок

    С нами с:
    14 авг 2017
    Сообщения:
    2
    Симпатии:
    0
    Теперь можно без проблем создать красивую анимированную градиент надпись много всяких функций пробуйте тут
    [​IMG]
     
    #15 XggsL, 14 авг 2017
    Последнее редактирование модератором: 15 авг 2017
  16. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    @XggsL ты спамер?
     
  17. XggsL

    XggsL Новичок

    С нами с:
    14 авг 2017
    Сообщения:
    2
    Симпатии:
    0
    Почему? Просто посоветовал полезный сервис которым сам пользуюсь.
     
  18. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    где скачать его исходник? тема о разработке на PHP

    Поднял тему в которой уже два года не писали.
    Не дал ссылки на код или описание алгоритмов.
    Прорекламировал сервис который косвенно относится к теме.
     
  19. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    gif.gif
    --- Добавлено ---
    @XggsL
    как задать направление анимации?