CSS - градиент текста + тень
Код стилей CSS ниже добавляет градиентную окраску текста в блоке + тень для текста.
CSS
//Градиент для текста .text{ background:linear-gradient(to bottom,#ffd56e,#ed9f23); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } //Градиент + тень для текста .text{ background:linear-gradient(to bottom,#ffd56e,#ed9f23); -webkit-background-clip:text; -webkit-text-fill-color:transparent; position:relative; } .text:before{ background:none; content:attr(data-text); left:0; position:absolute; text-shadow:2px 0px 1px rgba(0,0,0,.4); top:0; z-index:-1; }
HTML
<div class="text" data-text="Текст">Текст</div>
ТОП 10 случайных публикаций
Сайт разработан студией © WEB-VidST