Как поставить такой градиент на текст?
234
23 июня 2019, 08:00
столкнулся с интересным дизайнерским решением. Текст имеет эффект градиента. Выглядит в макете примерно так , как будто наложили на самого текста такой эффект Вот как выглядит слой
А вот как выглядит сам текста с данным эффектом
И текст без градиента
Answer 1
Задайте для текста такие стили, вроде бы должно Вам подойти, только поиграйтесь немного с градусом наклона (130deg):
background: linear-gradient(130deg, #37dfdf 0%, rgb(55, 90, 223) 100%)
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50288 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31936 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26265 visits
- Как через css изменить цвет png изображения? 11758 visits
- Blob video url download 11303 visits
- Php curl запрос через прокси с авторизацией 10714 visits
- Работа с captcha vk api 9511 visits
© "hostciti.net" 14.3.2026 | 13:21