CSS · Properties — CSS Masking

mask

The CSS mask property. Initial value: mask-image,mask-mode,mask-repeat,mask-position,mask-clip,mask-origin,mask-size,mask-composite. Not inherited.

cssRunnable example css course

Syntax

mask: <mask-layer>#

Example

Try it

.demo { mask: initial; }

Notes

Media: visual. Applies to: allElementsSVGContainerElements. Computed value: mask-image,mask-mode,mask-repeat,mask-position,mask-clip,mask-origin,mask-size,mask-composite.

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course

mask

Example

Notes

More in this group

Learn this in the course