Несколько классных эффектов при наведении на ссылки на CSS3
Достаточно интересные эффекты для ссылок при наведении на них
Для начала посмотрите ДЕМО
Моё тестирование в редакторе: КЛИК
Установка:
1#: В самый верх вашего CSS вставьте:
1 |
@import url('/css/linkeffects.css') all; |
2#: Для того, чтобы применить к ссылке нужный эффект, достаточно ей просто добавить класс с названием нужной анимации:
1 2 3 4 5 6 |
<h2 class="h2"><a class="effect-1" href="">Ссылка - Эффект 1</a></h2> <h2 class="h2"><a class="effect-2" href="">Ссылка - Эффект 2</a></h2> <h2 class="h2"><a class="effect-3" href="">Ссылка - Эффект 3</a></h2> <h2 class="h2"><a class="effect-4" href="">Ссылка - Эффект 4</a></h2> <h2 class="h2"><a class="effect-5" href=""><span>Ссылка - Эффект 5</span></a></h2> <h2 class="h2"><a class="effect-6" href=""><span>Ссылка - Эффект 6</span></a></h2> |
Осталось лишь залить CSS файл из прикреплённого архива в папку css