• Страница 1 из 1
  • 1
Общий форум » Все для вебмастера » Начинающему вебмастеру » Красивая анимация при наведение на ссылку (Эффект на CSS)
Красивая анимация при наведение на ссылку
Kosten
Дата: Воскресенье, 10.04.2016, 23:59 | Сообщение 1
Администраторы
Сообщений:16654
Награды: 55


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



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

Код
<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.04.2016, 14:13 | Сообщение 2
Проверенные
Сообщений:349
Награды: 1


Так нормально, есть еще эффект, где наводят, и полоса с левой стороны плавно появляется. Но здесь все зависит от формата gif и потому сделано так просто, поменяв его и по другому будет.
Страна: (RU)
Общий форум » Все для вебмастера » Начинающему вебмастеру » Красивая анимация при наведение на ссылку (Эффект на CSS)
  • Страница 1 из 1
  • 1
Поиск: