Example of animating a CSS mask using 'clip-path' from HTML5Rocks | http://www.html5rocks.com/en/tutorials/masking/adobe/
Example of applying textures to elements using the mask-image property. Implemented on A New Hope for a New Wild.
with SVG and CSS masks.
Browser support: WebKit with fallback for Firefox
Using a CSS Mask to reveal portions of an image overlaid on top of a background image. The "X-Ray" is moved by finding the position of the mouse cursor with jQuery.
I made this page to collect different types of masks and to test how browsers support them. The winner is SVG : )
CSS Mask with CSS gradients is not widely supported (yet) and this demo works only on webkit/blink browsers.
Using CSS Masks to simulate a glowing border when the map intersects the box edges. Map and mask is SVG, border is PNG. Webkit only.
In honor of it's return last week. Inspired by Trent Walton's CSS Mask-Image & Text - http://trentwalton.com/2011/05/19/mask-image-text/
CSS mask over a canvas pattern. Yay, masks!
An example by Maria Antonietta Perna
Need to know how to enable it? Go here.