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
Watch video Framer Tutorial: Creating A 3D Hover Effect online without registration, duration hours minute second in high quality. This video was added by user Framer University 22 December 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 9,409 once and liked it 307 people.