Forum Academy Marketplace Showcase Pricing Features

Click to flip card - possible in bubble?

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

1 Like

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

flipping_card

In this example I used 400ms for each duration.

Best,

Arthur

2 Likes

Hey :wave:

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! :blush:

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

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

@arthur.kieffer

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