• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Красивая анимация при наведение на ссылку (Эффект на CSS)
Красивая анимация при наведение на ссылку
Kosten
Воскресенье, 10 Апреля 2016 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Иногда нам нужно подчеркнуть ссылку, что делаем всегда, здесь у нас будет анимация, вы наводите и видим прозрачную ленту, которая бежит по самой надписи, что очень заметно. Это очень простой эффект на сайте, который может пригодиться на любой тематике.



Это там где будет заголовок:

Код
<a href="#" class="bg-animation">
ZorNet.Ru: Скрипты и Шаблоны uCoz
</a>


Также ниже можно поставить стиль:

Код
<style type="text/css">
.bg-animation:hover{
background-image:url(http://zornet.ru/CSS-ZORNET/Gresan/Sertsa/hover-bg.gif);
}
</style>


Или можно попробовать поставить в CSS:

Код
.bg-animation:hover{
background-image:url(http://zornet.ru/CSS-ZORNET/Gresan/Sertsa/hover-bg.gif);
}


Так чтоб можно было ставить и автоматически эффект срабатывал.
Прикрепления: 6926466.jpg (37.7 Kb)
Страна: (RU)
FeStemBer
Понедельник, 11 Апреля 2016 | Сообщение 2
Оффлайн
Проверенные
Сообщений:355
Награды: 1
Так нормально, есть еще эффект, где наводят, и полоса с левой стороны плавно появляется. Но здесь все зависит от формата gif и потому сделано так просто, поменяв его и по другому будет.
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Красивая анимация при наведение на ссылку (Эффект на CSS)
  • Страница 1 из 1
  • 1
Поиск: