[CSS трюк] Создание линейного градиентного текста

  1. Установите линейный градиентный фон для текста.
  2. Установите параметр -webkit-background-clip на текст.
  3. Установите исходный цвет текста прозрачным.

Пример:

.some-text {
  background-image: linear-gradient(to right, red, orange, yellow, green, blue, purple);
  -webkit-background-clip: text;
  color: transparent;
} 
Вход в полноэкранный режим Выход из полноэкранного режима

Результат:

Оцените статью
Procodings.ru
Добавить комментарий