Чтобы задать цвет текста градиентом в CSS, вы можете использовать свойство -webkit-background-clip и комбинировать его с другими свойствами, такими как background-image и linear-gradient. Вот пример:
h1 {
background-image: linear-gradient(to right, #ff0000, #00ff00);
-webkit-background-clip: text;
color: transparent;
}Здесь мы создаем градиент от красного до зеленого, который охватывает текст элемента <h1>. Свойство -webkit-background-clip с аргументом text указывает браузеру, чтобы градиент был ограничен только текстом. Свойство color: transparent делает сам текст прозрачным, чтобы градиент был виден.
Вы также можете изменять направление и цвет градиента и применять его к любым другим элементам на странице, таким как параграфы, списки и т. д.
