Несколько способов создать градиентный фон для текста:

1. Использование свойства mix-blend-mode. 1 Оно определяет режим наложения цвета текста на фоновый цвет. 1 Перед применением метода текст нужно обернуть в какой-нибудь элемент (например,

   , ,

   ,

   ) и установить для него родителя. 1 Затем для родителя установить желаемый градиент через свойство background, а для текста — белый цвет фона и свойство mix-blend-mode со значением screen. 1

2. Использование свойства linear-gradient(). 45 Функция создаёт для текстового блока фоновый линейный градиент. 5 Для этого нужно указать направление градиента и как минимум два значения цвета. 4
3. Использование свойства background-clip(). 5 Оно определяет, простирается ли фон элемента под его границей, блоком или блоком содержимого. 5 Чтобы применить это свойство, нужно указать значение background-clip: text. 5
4. Использование свойства text-fill-color. 5 Оно делает цвет текста прозрачным, чтобы линейный градиент обрезался по тексту переднего плана. 5 Для этого нужно установить значение text-fill-color: transparent. 5

Также создать градиентный фон для текста можно в графических редакторах, например, в Adobe Photoshop. 2 Для этого нужно открыть инструмент «Градиент», кликнуть мышью в той части экрана, откуда будет начинаться заливка, и провести мышью по экрану. 2