Advertisement
  1. Web Design
  2. CSS

2 способа создать анимированный частицами фон

Scroll to top
Read Time: 1 min

Russian (Pусский) translation by Ellen Nelson (you can also view the original English article)

В сегодняшнем видеоуроке, я покажу вам, как создать фон с анимироваными частицами. Частицы являются отличной альтернативой для стандартной «шапки» страницы; вы могли видеть их использование на сайтах вроде marvelapp.com, а ещё вы можете использовать этот эффект для создания снегопада.

Мы рассмотрим два способа создания частиц. Первый из них основан исключительно на CSS, а второй с использованием JavaScript плагина particles.js.

Как создать частицы для вашего веб-сайта

Демки

Вот пример с использованием CSS:

А вот пример с использованием particles.js:

Получайте удовольствие, видя, что вы можете с этим сделать, и сообщите нам в комментариях, как безумно вы использовали частицы!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.