Dedicated forum thread: https://forum.bubble.io/t/new-plugin-css-animations/82450
Demo page
Introduction
This plugin allows you to add more than 40 CSS animations to Bubble elements such as groups, texts, shapes, images, and more!
You can either trigger an animation within a workflow or set a recurring animation on an element.
Features
You can use this plugin to enhance the user experience of your application and make your pages more dynamic.
How to Setup
1. Head over to Settings → General tab of your application and enable the ability to add id attributes to HTML elements.
Animation
1. Drag the "Animation" element onto your page. Add a unique ID to the element that you want to target with the animation. See a short guide here: https://docs.rapidevelopers.com/how-to-assign-an-id-to-the-element
2. Activate the "Trigger" action within your workflows (for example: after pressing of button). Choose the animation and specify the element ID of the element you want to target.
Recurring Animation
1. Drag the "Recurring Animation" element onto your page. Add a unique id to the element that you want to target with the animation.
2. Within the element inspector of the Recurring Animation element, specify the ID of the element that should be targeted, specify the animation that should be used, and choose the interval between each animation.
Frequently Asked Questions
Have a question, or suggestion, or encountered an issue? 🤷♂️
Please contact us by sending an email to: support@rapidevelopers.com
Want to report a bug? Please follow this guideline!