Framer Tutorial: Creating A 3D Hover Effect

Опубликовано: 22 Декабрь 2023
на канале: 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

На этой странице сайта вы можете посмотреть видео онлайн Framer Tutorial: Creating A 3D Hover Effect длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Framer University 22 Декабрь 2023, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 14,095 раз и оно понравилось 381 зрителям. Приятного просмотра!

11,097