Search
Star
Feedback
Setup for Free
© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
Add a mask image - Kevin Powell - Community
KP-C
Kevin Powell - Community
•
2y ago
•
8 replies
Pat66
Add a mask image
I want reproduce this effect in html and css
https://www.youtube.com/watch?v=momF_D4odCM
the problem is when I had he mask
-image I should get this
YouTube
Olivier Larose
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/tutorials/mask-cursor-effect
0
0
:00 Intro
0
0
:28 HTML and CSS
1
:06 Creating the Mask
2
:05 Getting the position of the mouse
3
:19 Creating
.
.
.
Kevin Powell - Community
Join
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Recent Announcements
Similar Threads
Was this page helpful?
Yes
No
Similar Threads
SVG Mask-Images
KP-C
Kevin Powell - Community / front-end
3y ago
Why isn't mask-image working
KP-C
Kevin Powell - Community / front-end
2y ago
exportimg images with mask
KP-C
Kevin Powell - Community / front-end
2y ago
How to mask card glow to image?
KP-C
Kevin Powell - Community / front-end
3y ago