Build a Mask Cursor Effect With Nextjs and Framer Motion

Опубликовано: 31 Июль 2023
на канале: Olivier Larose

34,893

1.6k

A custom cursor with a mask hover effect revealing text underneath. Made with Nextjs and Framer Motion. Insipired by: https://minhpham.design/

Demo / Source code: https://blog.olivierlarose.com/tutori...

00:00 Intro
00:28 HTML and CSS
1:06 Creating the Mask
2:05 Getting the position of the mouse
3:19 Creating the cursor
5:03 Animating the size
5:29 Outro

More animations: https://blog.olivierlarose.com/
Follow me on Twitter: / olivierlarose_
Discord Channel: / discord

Thanks for watching!

#react #nextjs #awwwards #gsap #framer #motion

Смотрите видео Build a Mask Cursor Effect With Nextjs and Framer Motion онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Olivier Larose 31 Июль 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 34,893 раз и оно понравилось 1.6 тысяч людям.

47,698