In today’s screencast I’m going to show you how to create an animated particle background. Particles are a great alternative to standard hero sections on a web page; you might have seen them used on sites like marvelapp.com for example, and you could also use this effect for creating snowfall.
How to Create Particles for Your Website
Here’s the example which uses CSS only:
And here’s the demo which uses particles.js:
Have fun seeing what you can do with these, and let us know in the comments where you’ve used particles in the wild!
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.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post