Firework

Creating a firework effect with CSS

A simple effect with CSS and a single HTML element

Alvaro Montoro
Published in
6 min readApr 30, 2022

--

Last week I created a firework effect with CSS. It is relatively simple (it only requires one HTML element per firework) and customizable (it uses CSS custom properties to customize colors, sizes, positions…)

Here is a demo of the effect (see in full screen):

--

--

Full-Stack Software Engineer, Mobile Developer, Web technologies enthusiast. CSS aficionado. Twitter: @alvaro_montoro