Framer Tutorial: Epic 3D Website Animation Without Coding
🎓 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
On this page of the site you can watch the video online Framer Tutorial: Epic 3D Website Animation Without Coding with a duration of hours minute second in good quality, which was uploaded by the user Framer University 10 May 2024, share the link with friends and acquaintances, this video has already been watched 11,286 times on youtube and it was liked by 370 viewers. Enjoy your viewing!
