1.2Kпросмотров
34.6%от подписчиков
8 марта 2026 г.
🎬 ВидеоScore: 1.3K
Эффект «волны» при клике 1️⃣ При клике создаём элемент <span> — это и будет наша волна. Она появляется под курсором и исчезает через 0.6 с. 2️⃣ В CSS задаём border-radius: 50%, transform: scale(0) и анимацию, которая увеличивает круг и делает его прозрачным. 3️⃣ Скрипт вычисляет координаты клика и добавляет круг именно в этой точке, а затем удаляет его после окончания анимации — так волна выглядит естественно и не накапливается в DOM. 🔥 — если было полезно! 🧑💻 Frontend Lab