Framer 3D Transforms for Beginners (Crash Course)

Опубликовано: 10 Апрель 2024
на канале: Framer University
13,139
476

🎓 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 людям.