Здесь создает клевый эффект, который можно заключить в ключевые слова, или в те знаки слов, которые установлены под переход на другие страницы. Ведь по умолчанию мы задаем оттенок цвета, который сразу бросается в газа, где изначально понимаешь, что нужно навести клик.
Но при наведение курсора вы уведите изменение палитры цвета, если изначально идет светло желтая гамма, то при клике станет светло синее. Здесь главное, что все происходит на прозрачном элементе, где все читабельно.
При открытие страниц или сайта:
При наведение курсора:
HTML
Код
<div class="kitumakme">
<a href="#" class="mpractin-kopedsag">ZorNet.Ru — сайт для вебмастера</a>
</div>
CSS
Код
.kitumakme {
width: 87%;
text-align: center;
padding: 3px;
}
.mpractin-kopedsag {
background-image: -webkit-linear-gradient(left, #5c7798 50%, #f3f314 50%);
background-image: linear-gradient(to right, #6497b5 50%, #f9f91e 50%);
background-position: 0;
background-size: 200%;
-webkit-transition: all 1s;
transition: all 1s;
}
.mpractin-kopedsag:hover {
background-position: -100%;
}
На этом все!
Демонстрация
