• Страница 1 из 1
  • 1
Форум » Веб-разработка » Скрипты для сайтов » Подсветка знаков при наведении курсора (Создать эффект на CSS по смене оттенке цвета при клике)
Подсветка знаков при наведении курсора
Kosten
Дата: Пятница, 2019-06-07, 22:50 | Сообщение 1
Администраторы
Сообщений:24217
Награды: 56


Здесь создает клевый эффект, который можно заключить в ключевые слова, или в те знаки слов, которые установлены под переход на другие страницы. Ведь по умолчанию мы задаем оттенок цвета, который сразу бросается в газа, где изначально понимаешь, что нужно навести клик.

Но при наведение курсора вы уведите изменение палитры цвета, если изначально идет светло желтая гамма, то при клике станет светло синее. Здесь главное, что все происходит на прозрачном элементе, где все читабельно.

При открытие страниц или сайта:



При наведение курсора:



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%;
}

На этом все!

Демонстрация
Прикрепления: 4272010.png(9.9 Kb) · 3125403.png(8.6 Kb) · css3-hover-effe.zip(2.7 Kb)
Страна: (RU)
Форум » Веб-разработка » Скрипты для сайтов » Подсветка знаков при наведении курсора (Создать эффект на CSS по смене оттенке цвета при клике)
  • Страница 1 из 1
  • 1
Поиск: