Element flip or simulate RotateY

Rocky shared this question 4 years ago
Answered

How do I flip an element similar to how Google Cards does it? I've been digging around here but the answers lead to prototypes that are not working, or very vague answers. Please let me know, thankS!

Comments (1)

photo
1

Create a dynamic panel with 2 panels and make sure you have a border so you can see the flip.

On the 1st panel enter the text FRONT. Create an On Click event -> Set Active Panel and select the 2nd panel. Use the transition Flip Horizontal with a duration of 700 ms.

On the 2nd panel enter the text BACK. Create an On Click event -> Set Active Panel and select the 1nd panel. Use the transition Flip Horizontal with a duration of 700 ms.

Simulate. Hope that helps.