How to do a 'Sliced Animation' effect in Framer

⚠️ This This is an older tutorial, but a lot of the techniques here are foundational to how Framer works, so you should still be fine. ⚠️

What's in it for you?

👾 Setting Up Frames:
Discover how to configure frames to achieve the perfect cut-in effect. 🦾 SEO Friendly: Learn to make these stunning effects SEO-friendly for your headlines.

🎈 Global Animations:
Master the art of animating multiple elements simultaneously.

🍿 Staggered Animations:
Elevate your global animations with a touch of staggered flair.

🔨🎧 Tools + Music

Framer: Bring your designs to life and create world-class websites with Framer, the ultimate web builder for creative professionals. Explore Framer

🆎 Touvlo Typeface: This spirited, modern take on classic typefaces captures the essence of early British grotesque styles while showcasing its vibrant personality. Check out Touvlo

🎧 Tune In: Enjoy Midnight Drive | Lo-Fi House | 2 Hour Playlist" by STEEZASFUCK