» »

Красивый эффект Click-effect при клике

Красивый эффект Click-effect при клике

Все больше замечаем изменение при наведение на кнопку, а на не прост меняется, а Click-effect будет стильно производить эффект. Это не простая смена гамму цвета, а где то волна или просто сверху в низ пойдет на глазах изменение, но только при нажатие на клик, при наведение не чего не произойдет.

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

Приступаем к установки:

Первое, что нужно сделать, это скачать архив и все файлы закинуть в корень сайта.

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

Код
<link rel="stylesheet" href="/css/inkdrops.css"></link>  
<script src="/js/ink.js"></script>


Так как у нас систеема uCoz и библиотека jQuery уже вшита, то ее не нужно подключать, она уже подключена.

Остается сам код ссылки, но также можно подключить и к блокам.

Код
<a class="inkMe" ink-color="#000">Текст ссылки</a>


Чтоб понимать какой оттенок вас нужен, то ink-color="#000 - отвечает за него и здесь сами выставляем.

Источник: Fullweb.ucoz.ru
06.03.2017 Загрузок: 2 Просмотров: 524 Комментарий: (4)

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

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

Комментарий: 4
Kolinkor
Kolinkor 06.03.2017 23:541
0
К такому материалу нужно всегда предоставлять DEMO, хоть установка не сложная, но я не в курсе какой там эффект и может не понравится, хотя понимаю о чем речь идет и видать он один будет.
Сафрон
Сафрон 07.03.2017 00:062
0
Их много всяких эффектов, вот этот просто думаю самый легкий по установке.
Kosten
Kosten 07.03.2017 00:133
0
Постараюсь сегодня сделать, или потом если что на первоисточник выведу.
Scheme
Scheme 07.03.2017 13:534
0
Эффект нормальный, хоть нет такого, что при наведение идет эффект, здесь только по клику и намного понятнее.
avatar