Как сделать цвет текста градиентом css

Чтобы задать цвет текста градиентом в 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 делает сам текст прозрачным, чтобы градиент был виден.

Вы также можете изменять направление и цвет градиента и применять его к любым другим элементам на странице, таким как параграфы, списки и т. д.