» »

Стильная анимация CSS при наведении на ссылку

Стильная анимация CSS при наведении на ссылку

Безусловно один из многих красивых эффект, когда вы наводите на ссылку курсор и он появляется, так как Gif элемент задействован. Вы можете его применять как на кнопки демонстрация, что находится в архиве, где реально посмотреть в работе можно. Но больше ставить ссылку на переход и подключать эффект.

В папке находится файл, что будет возможность переделать в гамме цвета. Если вы на фотошоп хорошо работаете, то здесь свой оригинальный можно создать. Думаю для темных сайтов больше можно поставить различной палитры.

Здесь видим все очень просто, это один раз прописать стиль, а потом устанавливать где захотите ссылку, возможность перевести автоматически на все.

HTML

Код
<a href="http://zornet.ru/" class="zornet_effekt">
Наводим клик и смотрим эффект
</a>

CSS:

Код
.zornet_effekt:hover{
  background-image:url(http://zornet.ru/Aben/ABGDA/hover-bg.gif);
}

Размер шрифта не влияет, на всем корректно выводится и визуально замечательно наблюдать за ним.
19.11.2017 Загрузок: 1 Просмотров: 283 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

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