🎓 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
Смотрите видео Framer 3D Transforms for Beginners (Crash Course) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Framer University 10 Апрель 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 13,139 раз и оно понравилось 476 людям.