Framer 3D Transforms for Beginners (Crash Course)

🎓 Framer University: https://framer.university
👉 Create a free Framer account: https://framer.university/free-account

In this tutorial, you'll learn everything you need to know about 3D transforms in Framer.

I'll explain what each transform does and how you can use them in practice to create amazing interactions and 3D animations.
I'll also show how you can combine these 3D transforms with components or scroll effects.

With the help of this video, you'll be able to create amazing 3D animations and interactions on your Framer websites, without writing any code, even if you're a complete beginner.


Framer Project Remix:
https://framer.university/resources/3...


00:00 - Introduction
00:54 - The roadmap
01:25 - Transform categories
02:54 - Scale
03:05 - Skew
03:13 - Rotate
03:38 - Perspective
05:44 - Origin
08:06 - Backface
10:52 - Preserve 3D
12:02 - Depth
14:01 - Preserve 3D again
18:34 - 3D card flip interaction
26:05 - 3D transforms scroll animation
29:40 - Additional resources


Follow me on:
X: https://x.com/learnframer
Instagram:   / framer.university