Framer 3D Transforms for Beginners (Crash Course)
🎓 Framer University: https://frameruni.link/yt
👉 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
Watch video Framer 3D Transforms for Beginners (Crash Course) online without registration, duration hours minute second in high quality. This video was added by user Framer University 10 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,139 once and liked it 476 people.