KingComp – веб-программист
График работы: 9:00 - 18:00 Пн - Пт
Содержание страницы:

Ripple-эффект — это скрипт, основной задачей которого является выделение отдельной кнопки на странице. Клиенту не составит труда найти форму, она привлечет к себе внимание мерцанием. Скрипт позволит вам самостоятельно определить размер, место и содержимое кнопки. Видимость пульсации достигается за счет имитации волны, которая будет исходить от краев кнопки. Эффект пульсации можно использовать, к примеру, при создании формы приема и отправки заявки, кнопки регистрации — там, где необходимо сделать главный акцент. Пульсирующая кнопка «оживит» и станет красивым, а главное, функциональным дополнением сайта.

Исходный код

Все файлы с исходными кодами текущего проекта рекомендую открывать в текстовом редакторе notepad++ (Блокнот).

Добавьте в BODY исходный код из файла body.html

Теперь вы можете задать class=ripple-effect для любых элементов, которые содержат кнопку. Скрипт сам найдет все вложенные кнопки и задаст им эффект пульсации.

Для кнопки

пульсация кнопки

Для формы

Ripple-эффект кнопки

ВНИМАНИЕ!
Если задали class=ripple-effect для всей секции, то не следует их дублировать каждой кнопке внутри этой же секции. Скрипт работает для всех вложенных кнопок внутри заданного селектора (ripple-effect).

Пример

Пример работы Ripple-эффекта