Линейный градиент ( linear-gradient() ) это функция CSS которая создаёт плавный, постепенный переход между двумя или более цветами по прямой линии. Текст получается эффектным, привлекательным и ярким, придавая страницам красивый, современный и стильный вид.

ТЕКСТ ГРАДИЕНТОМ CSS

<p class='gradient-text'>ТЕКСТ ГРАДИЕНТОМ</p>

.gradient-text {
  background: linear-gradient(red, fuchsia);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

или

<h1 style="background: linear-gradient(red, fuchsia); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">ТЕКСТ ГРАДИЕНТОМ CSS</h1>