CSS3 Click Chart

Masks

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.

Specification

* 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