Streaming live at 10am (PST)

3D Transform Cardflip Animation not quite working


I have got the card flip animation to work on hover, however, when it first loads in and does a full 360 flip, it doesn’t show the back of the card, it just shows the front in the reverse direction.

Any ideas where I’m going wrong?

Thanks in advance for any help.

Here is my public share link: LINK
(how to access public share link)

Example is for card 2… repeat other cards

Combine Hover and Scroll interaction into 1.
Remove the Initial Appearance.
Add a Load step into the interaction.
On load - flip card 180 then flip back. Make it a little prettier with a delay.

See video

1 Like

Brilliant, that’s done the trick! Thanks for this, the video was a nice touch and made it so easy to follow.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.