Перейти к содержимому
Поиск
Сниппеты кода

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

Александр НекрасовИзменено:

Небольшой сниппет на CSS, позволяющий необычно оформить текст, с применением градиента. В данном примере параграфу p задается стиль. В примере использовано 3 цвета, можно использовать 2 и изменить проценты, чтобы отрегулировать начало.

 p{
            background: linear-gradient(120deg, #3783ea 0%, #f044a2 20%, #c7ac3d 60%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
   }

Результат будет такой:

ЭТОТ ТЕКСТ ОФОРМЛЕН С ПОМОЩЬЮ ГРАДИЕНТА CSS


Скачать пример