Частицы на фоне (звёзды, снег)

Создать эффект частиц можно через библиотеку Particles.js.

Сначала надо создать тег, где будут находиться частицы:

<div id="particles-js"></div>

Затем на официальном сайте надо настроить частицы и скачать JSON-файл с настройками: vincentgarreau.com/particles.js/

particlesJS.load('particles-js', 'path/particlesjs-config.json', function() {
  // код, после инициализации частиц
});

Пример кода:

Также можно сделать эффект снега:

Настройки

Некоторые настройки в JSON-файле.

  • particles.number.value - количество частиц
  • particles.color.value - цвет частиц
  • particles.shape.type - тип частиц (circle, edge, triangle, polygon, star)

Также при желании в настройках можно указать частицы в виде картинок (например в Хэллоуин сделать тыквы).