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. You can use this plugin to enhance the user experience of your application and make your pages more dynamic.
How will it handle big groups with 5-10 repeating groups full of content?
I have a problem of low FPS with bubbles build in animations on big groups with lots of stuff on them.
I’m looking for a plugin that would give me a more native mobile feel to my app.
You will just have to generate a dynamic id attribute for each element within the repeating group, for example using the current cells unique id. You can then trigger the animation of a specific element within the repeating group by specifying the unique id.
My bad as I didn’t ask about the duration option. So probably won’t work for what I needed it for .
I have a single view app, and animation will only work right when the group is fully loaded. I have a master group filled with different repeating groups (up to 6 with lots of pic and text) converted to reusable elements.
Either animation won’t work when it is before Show group or when I’m firstly Show group and then run animation not all the data will be loaded.
I’m trying to get your plugin to work for showing/hiding whole screen groups (one page app). With bubble build in animations it’s working ok. But I don’t know how I can incorporate your plugin into my workflow instead.
When I use show group before animation it just not animating. When I use animation first then show there is no animation on screen.
I’ve just looked into that, but it seems we cannot override the show/hide workflow from Bubble. I tried to create a third element action that shows + animates an element but unfortunately could not get it to work.
I’ll let you know if we find a solution.
Ok when I try to show again group that was used with your animation it won’t show.
My workflow is: Animation on group A > Pause 1ms > Show on groups B
Then when I want to go back: Animation on group B > Pause 1ms > Show on groups A
Group A won’t show up again. I’ve tried to add hide to group A but still not working.
Rotate Left is different kind animation from Rotate Right animation . They are not same but left/right, those are different animations.
If I understand you are using https://www.minimamente.com/project/magic/ library. You might think to put all the animations there for example you have only 3 animations from space (2 ins, 1 out).
Hmm that’s weird. As you mentioned we are using the magic library and are using the rotate left and rotate right animations from this library. I’ve just checked and it’s set up correctly from our end.
Yes you are right, we are using this library. We had some issues implementing some animations in bubble so we didn’t use all of them.