Еще один CSS-сниппет, который позволит добавить градиент на любой текст, без использования какой-либо графики.

текст с градиентом 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

Опубликовано

Похожие записи

Подробнее

ArtsLab

Блог для тех, кто интересуется разработкой сайтов, веб-дизайном и новыми событиями в интернете. В моем блоге Вы найдете записи на различные околокомпьютерные темы, обзоры сервисов и новинок, статьи по кодингу, советы, скрипты, темы и хаки для wordpress, уроки phostohop и многое другое.

4gray artslab artslabinfo