Framer Tutorial: Creating Custom Web Cursors (No-Code)

Опубликовано: 09 Февраль 2024
на канале: Framer University

21,489

526

🎓 Framer University: https://frameruni.link/yt
👉 Create a free Framer account: https://framer.university/free-account

In this Framer tutorial, you'll learn how to create custom cursors and cursor animations for your Framer website. I'll show you how the new "cursor" property works, and how you can set up your custom cursors without any code. After watching this video, you'll have the knowledge that is needed to add any type of custom cursor to your websites.

Project remix: https://framer.university/resources/c...

0:00 - Introduction
0:27 - Important note
1:09 - Creating a custom cursor component
3:00 - Applying component as cursor
5:08 - Changing cursor variant on element hover
5:52 - Further customize the cursor
7:57 - Example 2: Myriad cursor
10:46 - Example 3: Magic cursor
14:42 - Example 4: Pulsing cursor
16:36 - Example 5: Show image next to the cursor
18:53 - Adding appear effects to custom cursors
22:34 - Where we came from
23:45 - Bye

Follow me on:
X: https://x.com/learnframer
Instagram: / framer.university

На этой странице сайта вы можете посмотреть видео онлайн Framer Tutorial: Creating Custom Web Cursors (No-Code) длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Framer University 09 Февраль 2024, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 21,489 раз и оно понравилось 526 зрителям. Приятного просмотра!

164