Skip to main content
CSS Tip

Confetti Buttons using random()

Building on the previous effect to create confetti buttons. Full confetti or partial confetti? Pick your favorite!

CSS-only confetti buttons

⚠️ Chromium-only for now ⚠️

See the Pen Confetti Buttons by Temani Afif (@t_afif) on CodePen.

Another idea with animation

See the Pen Confetti Button II by Temani Afif (@t_afif) on CodePen.


More CSS Tips