DEV Community

loading...

Texture Effect / Mask-image CSS

atulcodex profile image Atul Prajapati ・Updated on ・1 min read

If you are not familiar with HTML CSS I recommend first learn HTML CSS from John Academy then try to make this

Discussion

pic
Editor guide
Collapse
kenbellows profile image
Ken Bellows

πŸ”₯ Hot damn! πŸ”₯ That's an awesome effect! I've seen mask-image before, but haven't messed with it much. I'd love to see an explanation of how you put this together and any difficulties you may have encountered.

Collapse
atulcodex profile image
Atul Prajapati Author

It's one line of game which is

mask-image: url(i.ibb.co/fDWfCVd/mask.png);
-webkit-mask-image: url(i.ibb.co/fDWfCVd/mask.png);

walh that's it :)