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
On this page of the site you can watch the video online Framer Tutorial: Creating A 3D Hover Effect with a duration of hours minute second in good quality, which was uploaded by the user Framer University 22 December 2023, share the link with friends and acquaintances, this video has already been watched 14,095 times on youtube and it was liked by 381 viewers. Enjoy your viewing!
