Framer Tutorial: Creating A 3D Hover Effect
🎓 Framer University: https://framer.university
👉 Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, you'll learn how to create a 3D hover effect for your Framer website. I'll demonstrate creating a light that tracks the cursor, and I'll show you how to integrate a 3D hover effect into any element. Using this video, you'll be ready to apply a 3D hover effect to any component of your Framer website, without needing to write any code – just a little copying and pasting!
Remix the project: https://framer.university/resources/3...
Inspiration: Old Arc interface.
0:00 - Introduction
0:25 - Creating the card
4:43 - Creating a component
5:40 - Adding cursor follow override
7:25 - Adding 3D hover override
8:11 - Finished card design
8:26 - Final words
Follow me on:
X: https://x.com/learnframer
Instagram: / framer.university
