Страница 1 из 11
Форум про uCoz » Всё для web-мастера » Web мастеру » Красивая анимация при наведение на ссылку (Эффект на CSS)
Красивая анимация при наведение на ссылку
Kosten
Дата: Воскресенье, 10.04.2016, 23:59 | Сообщение # 1
Администраторы
Сообщений:12668
Награды: 39


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



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

Код
<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(38Kb)


FeStemBer
Дата: Понедельник, 11.04.2016, 14:13 | Сообщение # 2
Проверенные
Сообщений:294
Награды: 1


Так нормально, есть еще эффект, где наводят, и полоса с левой стороны плавно появляется. Но здесь все зависит от формата gif и потому сделано так просто, поменяв его и по другому будет.
Форум про uCoz » Всё для web-мастера » Web мастеру » Красивая анимация при наведение на ссылку (Эффект на CSS)
Страница 1 из 11
Поиск: