he asked me to rebuild this crazy hero animation in Framer... so i did it.

he asked me to rebuild this crazy hero animation in Framer... so i did it.

2.808 Lượt nghe
he asked me to rebuild this crazy hero animation in Framer... so i did it.
✔︎ Framer University: https://frameruni.link/yt ✔︎ Create a free Framer account: https://framer.university/free-account In this Framer tutorial, I'm taking on the challenge of recreating the stunning spiral vortex animation from cosmos.so - completely from scratch and without any code. You'll see my entire process: the failures, the experiments, and finally the solution to building this complex animation. If you want to learn how to tackle ambitious animations in Framer and see how problems get solved in real-time, this is your chance to watch over my shoulder. → Remix the tutorial project: https://framer.university/resources/spiral-vortex-animation-in-framer → Original website: https://cosmos.so/ 00:00 - Introduction 00:56 - Analyzing the animation 3:40 - Adding necessary elements 16:20 - Animating the images 1:00:10 - Adding interactions for auto movement 1:04:00 - Fixing issues 1:06:00 - Assembling the full circle 1:08:40 - Tweaking transitions 1:21:50 - Adding additional content 1:24:03 - Adding an appear effect 1:24:50 - Additional resources Follow me on: X: https://twitter.com/learnframer Instagram: https://instagram.com/framer.university