Еще один CSS-сниппет, который позволит добавить градиент на любой текст, без использования какой-либо графики.
Думаю код не нуждается ни в каких дополнительных комментариях. Вот и сам класс:
.text {
background: -webkit-linear-gradient(#f1c40f, #c0392b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}Пример, как всегда, доступен на Codepen.
See the Pen CSS3 Text Gradient by 4gray (@4gray) on CodePen
Опубликовано
Подробнее