Add 40+ CSS animations to Bubble elements like text, images, buttons, and groups. Trigger animations via workflows or run them in a loop to highlight actions and add motion to your interface.
       


⚡ Main Functions:

• 40+ Animation Types.  
   Apply fade, bounce, zoom, rotate, slide and other motion effects.
• Element-Level Control.  
   Animate texts, images, buttons, groups, and shapes.

⚡ Key Features:

⚙️ Workflow Triggers  
     Start animations in response to user actions.
🔁 Looped Animations  
     Run animations continuously to draw attention.



Documentation

We’ve created a detailed step-by-step guide for the CSS Animations (40 Plus) plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       
FAQ

What is the CSS Animations (40 Plus) plugin?
It lets you apply more than 40 different CSS-powered animations—such as bounce, fade, zoom, slide, rotate, and more—to Bubble elements like groups, texts, shapes, images, icons, and buttons.

How do I trigger an animation?
Use a workflow action named “Trigger Animation.” Assign an ID to the target element, choose your desired animation type, and trigger it via user interaction, such as a button click or page event.

Can animations run automatically without user input?
Yes. You can set up recurring animations that continuously loop at specified intervals by using the “Recurring Animation” element and configuring its target, animation type, and repeat timing.

What setup steps are required?
First, enable ID attributes in your Bubble app settings. Then place either the “Animation” or “Recurring Animation” element on the page. Assign an ID to the element you want animated, and configure the animation via workflows or the element’s inspector.

How many animation types are available?
There are over 40 built-in animation options, covering various motion styles like fades, slides, bounces, zooms, and rotations.

What are typical use cases?
Great for drawing attention to call-to-action buttons, enhancing onboarding flows, animating messages or alerts, spotlighting images, or adding dynamic effects to any UI element in your app.

What if I need help or spot a bug?
You can reach out to the plugin’s support team by email with your questions, suggestions, or bug reports.




Our Similar Plugins

- Animations and Effects for Inputs
- Loading Overlay Animations
- 13 Cool Element Animations
- Animations (24+ simple elements)




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!