Framer Tutorial: Epic 3D Website Animation Without Coding

Опубликовано: 10 Май 2024
на канале: Framer University

8,686

315

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

In this tutorial, you'll learn how to create a stunning 3D card animation in Framer.

I'll show how to structure your layers and set 3D transforms to achieve a whole circle of cards.
I'll also show how you can turn this object into a component and add variants to it to spice up the animation.

Original animation:
/ 1782748524066586892

3D Transforms Crash Course:
https://framer.university/lessons/fra...

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

00:00 - Introduction
00:56 - Creating an arm
05:24 - Making a full circle of cards
07:55 - Turning it into a component
10:03 - Adding variants and interactions
22:54 - Publishing the website + final result
23:47 - Additional resources

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

Смотрите видео Framer Tutorial: Epic 3D Website Animation Without Coding онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Framer University 10 Май 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 8,686 раз и оно понравилось 315 людям.