Какие существуют техники создания плавных градиентов в тексте на CSS?

Некоторые техники создания плавных градиентов в тексте на CSS:

1. Линейный градиент (linear-gradient()). habr.com Функция обеспечивает переход цвета по прямой линии. habr.com Позволяет добавлять специфические параметры, в том числе направление градиента и как минимум два значения цвета. habr.com Начало перехода цвета можно задать, добавив процентное значение после первого цвета. habr.com
2. Радиальный градиент (radial-gradient()). habr.com Начинается в исходной точке, из которой расходятся цвета. habr.com По умолчанию переход цвета начинается из центра элемента. habr.com Указать направление с помощью radial-gradient() нельзя, но можно указать форму: круг или эллипс. habr.com

Также для создания градиента для самого текста можно использовать свойство background-clip. myrusakov.ru После применения данного свойства (обязательно с префиксом) со значением text, фон окрасится в цвет заголовка, и свойство применится только к тексту. myrusakov.ru

Ещё один способ — использовать сочетание свойства background-clip с css-свойством -webkit-text-fill-color: transparent. html5book.ru Оно обеспечивает прозрачность букв текста, за счёт чего фон проглядывает через него. html5book.ru