Click to flip card - possible in bubble?

[PANSY]

I am building a flashcard app and this is the effect I want to have - Click to flip the card and see the meaning.
https://codepen.io/jacoboakley/pen/ZpRbqB

[arthur.kieffer]

Hi @PANSY,

You can get close to this result by playing with the “animate” built-in action in Bubble. For instance, you can animate the front side (a Bubble Group element) then animate the back side (another Bubble Group element) with horizontal flip actions.

See this example below:

Which gives the following result

In this example I used 400ms for each duration.

Best,

Arthur

[J805]

Hey

Cool idea. I tried this before too. Sometimes those bubble animations cause some weird things to happen. If that option doesn’t work for you then maybe you can try this plugin: https://bubble.io/plugin/flip-cards-for-any-bubble-element-1514076102457x669276842943578100

Hope that helps!

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

• One-on-One Tutoring
• eLearning Hub
• Video Tutorials
• No-Code Classes

[PANSY]

@arthur.kieffer

Thank you so much for your solution . It works mostly! This is my WIP progress link:

Bubble - Visual Programming