Framer Tutorial: Creating A 3D Hover Effect

Veröffentlicht am: 22 Dezember 2023
auf dem Kanal: Framer University
14,095
381

🎓 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  


Auf dieser Seite können Sie das Online-Video Framer Tutorial: Creating A 3D Hover Effect mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Framer University 22 Dezember 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 14,095 Mal angesehen und es wurde von 381 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!