Rippleria — эффект волновой ряби после клика на любой элемент сайта на jQuery

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


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

Очень популярная сегодня штука и каждый из вас наверняка видел на сайтах этот эффект - вы кликаете по кнопке, а из места, куда кликнули, расходится волна. Выглядит очень здорово, устанавливается вообще элементарно а использовать такую штуку на своём сайте проще простого!

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

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

Проект на GitHub: ПЕРЕЙТИ

Установка:

1#: На нужных страницах между ‹head› и ‹/head› вставьте:

 

2#: На этих же страницах в самый низ перед ‹/body› поместите:

 

3#: Примеры использования в HTML кодах:

По сути, любому элементу достаточно просто дописать параметр data-rippleria и он уже будет обработан скриптом

Осталось лишь залить JS файл из прикреплённого архива в папку js и CSS файл в папку css

Возникли вопросы? Задайте их в комментариях

Rippleria — эффект волновой ряби после клика на любой элемент сайта на jQuery: 1 комментарий

  1. Важно: для того, чтобы эффект правильно применился к элементу, данный элемент должен иметь CSS свойство display: block; или display: inline-block;

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.