Как сделать текст градиентом на CSS

#html #css #программирование
Задача: Необходимо сделать цвет текста градиентом, но в свойстве «color» нельзя задать градиент.
.gradient-text {
/* Запасной вариант цвета фона. */
background-color: red;
/* Задаем градиент. */
background-image: linear-gradient(45deg, # f3ec78, # af4261);
/* Размер фона и повторение свойства. */
background-size: 100%;
background-repeat: repeat;
/* Используем текст в качестве маски для фона. */
/* Это покажет градиент как цвет текста, а не элемент background. */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;}
❌ https://qfurs.ru/kak-sdelat-tekst-gradientom-css/

Комментарии

Комментариев нет.