Build a Mask Cursor Effect With Nextjs and Framer Motion
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
Watch video Build a Mask Cursor Effect With Nextjs and Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Olivier Larose 31 July 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 34,893 once and liked it 1.6 thousand people.