mask-image: url()
.mask {
	mask-image: url(mask.svg);
	-webkit-mask-image: url(mask.svg);
}
blank
PNG (zero alpha)
PNG (with alpha)
SVG
SVG
SVG (with alpha)
SVG
Video (mp4)
Animated SVG
WEBP
GIF
WEBP
GIF
WEBP
Marcus
RickRoll'd
full alpha transparency
full alpha transparency
full alpha transparency
and color shifting
full alpha transparency
and high constrast
full alpha transparency
and full color spectrum
full alpha transparency
and marcus
gif, full alpha transparency
and Rick Astley
mask-mode:luminance currently only supported in FireFox (and now Safari 15!) but also very resource intensive
Text Masks
+
Universe
Universe
Universe
Universe
Universe
Universe
Universe
Universe
Universe
Universe
Universe
Universe
Universe
Universe
Universe
Universe
サイバ
パンク

Lorem Ipsum

Consectetur adipiscing elit. Donec a vulputate risus. Maecenas nec venenatis justo. Nam consequat mauris lorem, non ullamcorper diam cursus ac. Mauris ultricies magna sed sem aliquam eleifend. Praesent pretium, diam eu tempus venenatis, arcu massa eleifend velit, a pellentesque dolor dolor a neque. Vivamus lacinia sollicitudin arcu, nec consequat enim tempus at. Nulla non tortor nec diam gravida aliquam sit amet vel nulla. Donec tempor sem convallis, lobortis enim vel, tempus urna. Cras non egestas justo. Proin id pharetra urna.

Mauris tempus sit amet odio et egestas. Cras consectetur, ligula eu suscipit ullamcorper, augue sapien ultrices nulla, sed elementum odio ex a nisi. Aliquam vitae sapien risus. Ut hendrerit pellentesque urna at laoreet. Integer suscipit nulla elit. Pellentesque non elit elementum tellus suscipit posuere. In sed eros eu nisl elementum commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent vitae justo id massa condimentum blandit id vitae orci. Aenean eget mattis nisi. Vestibulum purus risus, maximus in pretium id, tristique sed metus. Curabitur vulputate sit amet lectus a porttitor. Maecenas pharetra tempus lacus a mattis. Aenean porttitor dolor vitae orci rutrum, a rhoncus nunc sollicitudin. Donec dignissim ex nibh, ut dignissim sapien rutrum vitae. Fusce non est dictum purus tempor sodales ac nec tortor.

Never Gonna Give You Up

We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on

We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up)

We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry

Lorem Ipsum

Consectetur adipiscing elit. Donec a vulputate risus. Maecenas nec venenatis justo. Nam consequat mauris lorem, non ullamcorper diam cursus ac. Mauris ultricies magna sed sem aliquam eleifend. Praesent pretium, diam eu tempus venenatis, arcu massa eleifend velit, a pellentesque dolor dolor a neque. Vivamus lacinia sollicitudin arcu, nec consequat enim tempus at. Nulla non tortor nec diam gravida aliquam sit amet vel nulla. Donec tempor sem convallis, lobortis enim vel, tempus urna. Cras non egestas justo. Proin id pharetra urna.

Mauris tempus sit amet odio et egestas. Cras consectetur, ligula eu suscipit ullamcorper, augue sapien ultrices nulla, sed elementum odio ex a nisi. Aliquam vitae sapien risus. Ut hendrerit pellentesque urna at laoreet. Integer suscipit nulla elit. Pellentesque non elit elementum tellus suscipit posuere. In sed eros eu nisl elementum commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent vitae justo id massa condimentum blandit id vitae orci. Aenean eget mattis nisi. Vestibulum purus risus, maximus in pretium id, tristique sed metus. Curabitur vulputate sit amet lectus a porttitor. Maecenas pharetra tempus lacus a mattis. Aenean porttitor dolor vitae orci rutrum, a rhoncus nunc sollicitudin. Donec dignissim ex nibh, ut dignissim sapien rutrum vitae. Fusce non est dictum purus tempor sodales ac nec tortor.