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

text-gradient-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


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

Добавить комментарий

Ваш адрес email не будет опубликован.