Анимация кнопки (пульсация иконки и диагональная линия)

Содержание страницы:

Анимация кнопки необходима для привлечения внимания клиентов. С её помощью можно расставить необходимые акценты на своем сайте, при этом сделав его более ярким, интересным. «Пульсирующая» кнопка ввода — маленькая деталь, которая станет решением сразу нескольких задач. Дополнительный бонус скрипта анимации кнопки — светящаяся диагональная линия добавит вашему сайту динамику и движение.

Исходный код

Добавьте в BODY следующий исходный код

<script>
$('.btn-anim button:not(.close)').addClass('leaking');
</script>

$('.btn-anim button:not(.close)').addClass('leaking');

</script>

Скопируйте в HEAD следующие стили

Заказать скрипт

Редактор

Добавьте на странице Кнопку и задайте class=btn-anim

В настройках кнопки переключите “Содержимое” в положение “Текст + Иконка”

Пример

Пример анимации кнопки