Framer Tutorial: Creating A 3D Hover Effect

Publicado em: 22 Dezembro 2023
no canal de: Framer University
13,485
372

🎓 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  


Nesta página do site você pode assistir ao vídeo on-line Framer Tutorial: Creating A 3D Hover Effect duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Framer University 22 Dezembro 2023, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 13,485 vezes e gostou 372 espectadores. Boa visualização!