Special Animations

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.