Анимация фона с помощью изображения на JS

Скрипт, реализующий данную анимацию, работает на библиотеке TweenMax

Пример:

Анимация в блоке реагирует на движение курсора.

Для более наглядного рассмотрения эффекта, я сделал несколько вариантов:

HTML:

CSS:

JS:

Подключаем библиотеку TweenMax.min.js и скрипт самой анимации:

Где:

n - Кол-во графических элементов

speed - Их скорость.

startSize - Их размер от и до.

ch - Высота блока

cw - Ширина блока.

img.src - Изображение, которое используется в анимации

Фон канваса задается через CSS

Найдено на codepen.io у пользователя Tom Miller

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

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

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

Комментарии:

  • максим:

    добавил.) спасибки) а как сделать так что бы снежинки падали не поверх картинки а сзади

    Ответить