Confetti On Click Element – Fires confetti bursts whenever the page is clicked, but only if its “active” field is true. Custom On-Click Animations Element – Injects and toggles a CSS-based animation on click. Takes a “classname”, “animation_duration”, and user-defined “custom_css”. It, too, only functions if “active” is true.
You can conditionally bind “active” to the element’s visibility or any other logic in Bubble, so that if the element is hidden (or set to inactive), it doesn’t run the animation code.
Additionally, there’s a Custom Animation Action which accepts the same fields (classname, animation duration, custom CSS, and active) as the Custom On-Click Animations element—except it’s triggered via a workflow action rather than an element on the page.