2 manieren om een ​​geanimeerde deeltjesachtergrond te creëren

In de screencast van vandaag laat ik je zien hoe je een geanimeerde deeltjesachtergrond maakt. Deeltjes zijn een geweldig alternatief voor standaard hero-secties op een webpagina; je hebt ze misschien wel eens op sites als marvelapp.com gebruikt, en je kunt dit effect ook gebruiken om sneeuw te maken.

We gaan kijken naar twee manieren om deeltjes te maken. De eerste is uitsluitend gebaseerd op CSS, terwijl de tweede een JavaScript-plug-in deeltjes.js gebruikt.

Hoe deeltjes te maken voor uw website

demos

Dit is het voorbeeld dat alleen CSS gebruikt:

En hier is de demo die particles.js gebruikt:

Veel plezier met kijken wat je ermee kunt doen, en laat het ons weten in de reacties waarin je deeltjes in het wild hebt gebruikt!