ПУЛЬСИРУЮЩИЙ клик / Анимация кнопки на JavaScript

Данное видео это продолжение к уроку “Кнопка на CSS / Button animation CSS3“ где мы создавали кнопку, а тут реализуем #эффект #пульсирующего #клика, который будет начинаться из центра курсора. Исходный код с урока - Ссылка на предыдущий архив - В уроке продолжаем работать с #DOM #элементами, покажу как добавлять на страницу свои отдельные элементы, формировать у них стили для позиционирования, поработаем с #анимацией и ключевым кадром. Для реализации данного эффекта используем: Отберем класс кнопки - #getElementsByClassName(); Отлавливаем клик - #addEventListener(’click’); Создаем новый элемент - #createElement(’div’); Добавляем свой класс - #(’pulse’); Делаем анимацию - #@keyframes; Достаем максимальное значение - #(); Узнаем размеры элемента - #getBoundingClientRect(); Обсуждение видео: Подписка на канал: