• Снегопад на базе particles.js

    Блог

    Персональный блог

Снегопад на базе particles.js

Снегопад на базе particles.js

Снегопад реализованный с помощью библиотеки particles.js. Добавлено реагирование снежинок на движение и нажатие курсора. В качестве снежинки используется простая прозрачная png картинка, которую можно заменить не только на снежинки.

HTML

На страницу добавляем контейнер, в котором будет работать снег

CSS

Стиль для этого контейнера, может отличаться от предлагаемого

Важно помнить, что если вам не нужен снегопад по верх вашего сайта, а лишь на фоне, то в CSS нужно учесть порядок слоев (z-index)
В демо версии для шапки, контента и футера прописан z-index: 1, чтобы они располагались над слоем со снегом.

JS

Подключить библиотеку particles.js

И подключить скрипт:

Строка со снежинкой, указывается путь до картинки:

В архиве есть на выбор 4 вида снежинок.

Исходники: snow_particles

Свяжитесь со мной

Используйте эту форму, чтобы рассказать мне о целях и потребностях вашего проекта.

[contact-form-7 404 "Not Found"]