Technical, Productivity, Mobile, Media, Containers, Visual Elements

Special Animations

This plugin allows you to add 13 different cool animations to your bubble element, allowing you to make your app more dynamic and increase the user experience.
Rapid dev image
No ratings yet
Rapid dev image
23
Pricing :
$3 / month or $6 once

Details

This plugin allows you to add 13 different cool animations to your bubble element, allowing you to make your app more dynamic and increase the user experience. The following animations are included:
flash,pulse,rubberBand,shake,headShake,swing,tada,wobble,jello,hinge,jackInTheBox,rollIn,rollOut

*Please note: The animations only work on elements that are visible on the page. This means that triggering an animation on an element that is not visible on page load will not work (the element will stay hidden)

For a demo please visit: http://pluginsanticode.bubbleapps.io/specialanimations

For a demo of this plugin within the bubble editor please visit: https://bubble.io/page?type=page&name=specialanimations&id=pluginsanticode&tab=tabs-1

Icons made by https://www.flaticon.com/authors/freepik Freepik from https://www.flaticon.com Flaticon

This Plugin makes use of the Web-Animations Js library, licensed under Apache 2.0 - https://github.com/web-animations/web-animations-js .  No changes have been made.

Categories

Technical, Productivity, Mobile, Media, Containers, Visual Elements

Types

Element, Action

Links

Service Link:

https://www.rapidevelopers.com

Instructions

1. Drag the Special Animations Plugin onto your page.2. Go to Settings->General and Enable the option to add id attributes to html elements.
3. You can trigger an animation within your workflows via an element action called "Animate".
4. Simply choose one of the animations in the dropdown and specify the element id of the element that should be targeted.

*Please note: The animations only work on elements that are visible on the page. This means that triggering an animation on an element that is not visible on page load will not work (the element will stay hidden)

Got questions about this plugin?

Contact Us
A person working in Support, answering questions. Rapid Developers

Explore more plugins

Color TAG API

Color TAG API

This Plugin uses the ColorTag API, which is a powerful API for color detection.

Rapid dev image
No ratings yet
Rapid dev image
212
Pricing :
Free plugin
Get this plugin
Words API

Words API

This Plugin allows you to find definitions ,related words and much for more than 150,000 words using the Words API from Rapid API.

Rapid dev image
No ratings yet
Rapid dev image
173
Pricing :
Free plugin
Get this plugin
Financial Data (Stocks, Forex etc.)

Financial Data (Stocks, Forex etc.)

This Plugin enables you to add a variety of up to date financial Data to your Application using the Alphavantage API.

Rapid dev image
4
Rapid dev image
2362
Pricing :
Free plugin
Get this plugin

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences