How to Animate Your Bubble App - Bubble.io Tutorial

[@kids_mindcare936]

I was looking for this! Thank you so much

[@pandimus7]

This is exactly what I need right now! The course is bought.

[@NoCodeAcademy]

Awesome thanks for your purchase. Any feedback you have about, or any specific animations you're looking to do, feel free to reach out and let me know. Saw this simple site today and think they do great with balancing enough animations to make it interesting and not going overboard -- www.twicpics.com/. Cheers.

[@karlcardozatv]

Nice. Really helps. Thanks man

[@andrewfromremotetribe]

boss, add the website in the demo wsomehwere so we can see it too in action?!

[@NoCodeAcademy]

Hey Andrew check your IG DMs for app link

[@CreativesDesign-x4j]

Thanks for video. But can this method works for phone device, since the elements will have different height?

[@NoCodeAcademy]

Hi thanks for the comment. Yes it can, the general idea being to add conditionals at the varying screen widths and updating scroll depths. If you want a full walk through, check out course #3 on www.nocodeacademy.co/offers/bFUVVQGS. It works through the UI build of a page showing exactly this.

[@heinspriarta9021]

hi, what plugin is that, i dont have the animation section in my workflow page

[@NoCodeAcademy]

Hi thanks for the comment. It's an out-of-the-box Bubble workflow. In the workflow area, create a new action with "Click here to add an action" button on an existing or new workflow. Then start typing the word animate and it should pop right up. Hope that helps.

[@LDNCallout]

Great solution thanks for your time, I been searching for a method like this for ages. Only trouble I am having is that my hero elements text images etc are already visible when the page loads, then does the animation. Any idea why this might be?

[@NoCodeAcademy]

Hi thanks for the question -- you've unchecked your text, image, etc hero elements to not be visible upon page load and they are showing visible upon page load? Check the conditionals tab if there is something making them visible or check that there was no mistake made in hiding the elements upon page load. Worst case scenario is you would rebuild a few elements of your hero page on a new page to dissect just what exactly is the problem. Hope that helps.

[@LDNCallout]

@@NoCodeAcademy Thanks so much for the reply! I appreciate you amigo! Ahhh! So I need to make sure everything is set not to be visible. I didn't see that mentioned in the video, but obviously that would make absolute sense 😂. I been developing in Bubble a long time but never touched on animations. Will give that a try again massive thanks for your time and help!