6

I guess you could create a group that is the size of the card you wanted. (Group A)

Set it to align to parent.

Create another group (Group B) and place it in the center of Group A and have it set 100% height and width. Then place a text element in it. Set up invisible on page load and collapse when hidden.

Place an image over that in the center with 100% width and height. Visible on page load.

When someone clicks the image do a workflow. Elements > animate >flipxout.

Then set a pause>show group B.

You’ll have to reverse it all if you want the user to be able to click again and show the first card.

Bubble doesn’t give you a lot of options on animations. Basic animations are easy using the animate function. But, I don’t see how you’ll be able to get the effect of a card flipping without some kind of code.

But, it’s something you can mess around with I guess, and see if you can get it to look good for you with no code.

Maybe someone else with more experience with Bubble animation has a better idea of doing a card flip without using code.

There might be a plugin available. I try not to use plugins much but there’s a lot of them. If you search the plugin marketplace you might find one.

Good luck with your project.