Ripple-эффект — это скрипт, основной задачей которого является выделение отдельной кнопки на странице. Клиенту не составит труда найти форму, она привлечет к себе внимание мерцанием. Скрипт позволит вам самостоятельно определить размер, место и содержимое кнопки. Видимость пульсации достигается за счет имитации волны, которая будет исходить от краев кнопки. Эффект пульсации можно использовать, к примеру, при создании формы приема и отправки заявки, кнопки регистрации — там, где необходимо сделать главный акцент. Пульсирующая кнопка «оживит» и станет красивым, а главное, функциональным дополнением сайта.
Исходный код
Все файлы с исходными кодами текущего проекта рекомендую открывать в текстовом редакторе notepad++ (Блокнот).
Добавьте в BODY исходный код из файла body.html
Теперь вы можете задать class=ripple-effect для любых элементов, которые содержат кнопку. Скрипт сам найдет все вложенные кнопки и задаст им эффект пульсации.
Для кнопки
Для формы
ВНИМАНИЕ!
Если задали
class=ripple-effect для всей секции, то не следует их дублировать каждой кнопке внутри этой же секции. Скрипт работает для всех вложенных кнопок внутри заданного селектора (ripple-effect).
