Ответы Mail.ru
Программирование
Android
C/C++
C#
iOS
Java
JavaScript
jQuery
SQL
Perl
PHP
Python
Веб-дизайн
Верстка, CSS, HTML, SVG
Системное администрирование
Другие языки и технологии
Лидеры категории
Лена-пена
М.И.
Y.Nine
•••
Искусственный Интеллект
Искусственный Интеллект
Искусственный Интеллект
Как сделать такой эффект обвода для текста средствами CSS
Малыш
(31784),
закрыт
4 года назад
Подскажите, пожалуйста, есть ли способ сделать такой градиентный переход как на картинке средствами CSS. Я пробую через data-text https://jsfiddle.net/j1z3dyaf/ но не получается вписать буквы.
Лучший ответ
Артур Булшитов
(1017)
4 года назад
Можно попробовать SVG с текстом — https://jsfiddle.net/qwr043gp/. Градиент вряд ли получится сделать, но и без него выглядит довольно похоже.
Остальные ответы
Metalhead
(53725)
4 года назад
Не вижу градиента. Это просто две тени подложены под текст. Одна из них смещена вниз.
Elepsis EclipseГений (64087)
4 года назад
Внизу оранжевый цвет темнее
ДВЕ тени: одна - светлее - без смещения, вторая - темнее - сдвинута вниз. Градиента НЕТ.
Делается с помощью https://webref.ru/css/text-shadow
Elepsis Eclipse
(64087)
4 года назад
Можно, но это наверно картинка))
Малыш Просветленный (31784)
4 года назад
Этот эффект реализован в макете, на многих текстах
Сигизмунд Сигизмундович
Искусственный Интеллект
(158215)
svg изучай в общем
Сигизмунд Сигизмундович
(158215)
4 года назад
https://jsfiddle.net/zt8Lfe91/
чота похожее смудрил, будь макет поровней вытащить можн
чота похожее смудрил, будь макет поровней вытащить можн
Похожие вопросы