Challenge 03

You’ve already brought cards onto the screen with smooth entrance animations using gsap.from(). Now it’s time to take that to the next level.

Challenge yourself to create a card flip animation on hover. A sleek and subtle 3D-like rotation that flips the card to reveal its back and flips it back when the mouse leaves.

You’ll use a combination of gsap.from() and gsap.to() to make the flip feel smooth and responsive. Feel free to play with the easing, duration, and transform origin to find the motion that feels just right.

Read more about gsap.to() and gsap.from() method.