Https://confettiscripts.com/v/jbus7gdntoa (CERTIFIED — 2024)

document.getElementById('myButton').onclick = () => { confetti({ particleCount: 150, spread: 70, origin: { y: 0.6 } }); }; Use code with caution. Copied to clipboard

: Some implementations require manually removing the canvas element after the animation finishes to keep the document clean. Confetti Page https://confettiscripts.com/v/JBUs7gDntoA

: Copy the small snippet of JavaScript provided by the editor into your website’s code. For example, to trigger confetti on a button click: javascript document

: Most scripts use the HTML5 Canvas API , which is lightweight and ensures smooth animations without taxing the browser. origin: { y: 0.6 } })

: High-quality confetti scripts, such as those found on ConfettiPage , automatically disable animations if a user has the "Reduce Motion" setting enabled on their device.