CSS Click Chart


Allows you to use a graphical element or image as a luminance or alpha mask to hide portions of elements.


Positioned Masks on W3C

Example Code

Live Demonstration

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

Browser Support

Can I Use css-masks? Data on support for the masks feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles