В этой теме затронем красочный вид градиента, который используется в название текста. А точнее создаем красочный градиент для текста с помощью CSS, который отлично считается с разным дизайн. Чтоб понятнее было, то если мы название сайта ставим в одном оттенке, то при помощи градиентов создаем красивый обзор.
Как пример, первая буква будет синей а крайнее зеленой и по центру все красиво переливается, вообщем здесь также вы сами можете добавить палитры цвета, это делается для того, чтоб соответствовало вашему дизайну.
Так выглядит:
HTML
Код
<h2><a href="http://zornet.ru/">ZorNet сайт вебмастера</a></h2>
CSS
Код
h2 {
font-size: 34px;
line-height: 4vw;
font-weight: lighter;
letter-spacing: 0.01em;
position: fixed;
top: 2.5vw;
left: 35vw;
}
a {
background: linear-gradient(45deg, #e010e0 33%, #12128c 66%);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
color: #0e0e69;
}
Есть еще можно самостоятельно оформить все значение.
Демонстрация
