How Do You Flip an Element in Framer?

Hey Framer experts! 👋

I’m working on a design where I need to flip an element (like a card, image, or text) in Framer—either on hover, click, or as part of an animation. Before I dive into different methods, I wanted to ask the community:

1️⃣ What’s the best way to flip an element in Framer?
2️⃣ Do you prefer using rotateY / rotateX for a 3D flip effect? Or do you use scaleX(-1) for a simple horizontal flip?
3️⃣ How do you handle smooth transitions when flipping an element?
4️⃣ Have you ever used Framer Motion’s animate / variants for flip effects? Any cool tricks?
5️⃣ What’s the best way to flip a group of elements together while keeping them aligned?
6️⃣ Any challenges you’ve faced with flipping elements in Framer? How did you solve them?
7️⃣ Have you seen any creative Framer projects with flip animations? Drop your favorites!