Framer Tutorial: Creating A 3D Hover Effect

Publié le: 22 décembre 2023
sur la chaîne: 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

Sur cette page du site, vous pouvez voir la vidéo en ligne Framer Tutorial: Creating A 3D Hover Effect durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Framer University 22 décembre 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 14,095 fois et il a aimé 381 téléspectateurs. Bon visionnage!

11,097