Несколько классных эффектов при наведении на ссылки на CSS3 — Уникальные скрипты и готовые решения для сайта

Добавить в закладки

Скачать [ZIP] [4 КБ]

Достаточно интересные эффекты для ссылок при наведении на них

Для начала посмотрите ДЕМО

Моё тестирование в редакторе: КЛИК

Установка:

1#: В самый верх вашего CSS вставьте:

@import url('/css/linkeffects.css') all;

1	@import url('/css/linkeffects.css') all;

2#: Для того, чтобы применить к ссылке нужный эффект, достаточно ей просто добавить класс с названием нужной анимации:

<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>