Кроме движения вверх, пузыри двигаются влево и вправо в зависимости от положения курсора мыши

Пример:

HTML:

CSS:

JS:

Настройки:

n = 80 - кол-во мыльных пузырей

speed = 0.05 - скорость их движения

wind = 15 - скорость ветра

windVariance = 25 - дисперсия скорости ветра, 1 = без отклонения

Найдено на codepen.io у пользователя Tom Miller
Автор фотографии Daniela Dimitrova

Смотрите также:

Скрипт Material-Background генерирующий случайные фоны для блока или всей страницы

Летящие облака как средство анимации блока (страницы) без использования JavaScript

Красивый эффект на javaScript для анимированного соединения точек

Добавить комментарий:

Ваш комментарий отправлен!