Несколько классных эффектов при наведении на ссылки на CSS3

Разместил: Apocalypse
Опубликовано: 31 мая 2016

Скачать Достаточно интересные эффекты для ссылок при наведении на них Для начала посмотрите ДЕМО Моё тестирование в редакторе: КЛИК Установка: 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>

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

Автор публикации

не в сети 4 дня

Apocalypse

12

Я не понял вашего вопроса, но постараюсь на него ответить...

Комментарии: 393Публикации: 1095Регистрация: 27-08-2018

Метки: CSS3HoverLinkКлассныеНаведениеНесколькоСсылкаЭффекты

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

• Следующая публикация Всплывающая подсказка к текстовому полю на CSS3 и jQuery
• Предыдущая публикация 55 анимационных эффектов на CSS3

Вам может также понравиться...

• Реалистичный дождь из облака на CSS3 и HTML5 Canvas

  Разместил: Apocalypse 18 июня 2016

  - Apocalypse 18 июня 2016

• Стильное материальное горизонтальное меню на CSS3 и Javascript

  Разместил: Apocalypse 21 сентября 2023

  - Apocalypse 21 сентября 2023 Last modified 20 сентября 2023

• Испуганная страница 404 на CSS3

  Разместил: Apocalypse 26 июня 2016

  - Apocalypse 26 июня 2016

Подписаться

Уведомить о

новых последующих комментариях новых ответах на мои комментарии

Label

{} [+]

Имя*

Email*

Сайт

Δ

Label

{} [+]

Имя*

Email*

Сайт

Δ

0 Комментарий

Старые

Новые

Межтекстовые Отзывы

Посмотреть все комментарии