Градиентный текст

Сделать текст градиентным можно через свойство background-clip: text, которая задаёт вывод фона только на тексте.

.gradient-text {
  background: linear-gradient(blue, lightblie);
  background-clip: text;
  color: transparent;
}

Также стоит обратить внимание, что цвет текста сделан полностью прозрачным через свойство «color», иначе вместо градиента выводился бы просто цвет текста.

Пример:

Пример градиентного текста