CSS3 Click Chart


Allows you to define an alpha mask to overlay content to knock out portions of the content, thus allowing the clipping of content with complex shapes.


* Not in the spec

Example Code

Live Demonstration

The image below has been partially masked with a staggered transparent gradient.

Browser Support

Tools / Polyfills

Tutorials / Articles

CSS Mask-Image & Text by Trent Walton
CSS Masks on WebKit blog

Fork me on GitHub