Web features explorer - Masks

Web features explorer

The mask CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.

Browser support (view on caniuse.com)

Chrome 120 Released on 2023-12-05
Chrome Android 120 Released on 2023-12-05
Edge 120 Released on 2023-12-07
Firefox 53 Released on 2017-04-19
Firefox for Android 53 Released on 2017-04-19
Safari 15.4 Released on 2022-03-14
Safari on iOS 15.4 Released on 2022-03-14

MDN documentation

`mask` CSS property

Specifications

CSS Masking Module Level 1 (#positioned-masks), from Cascading Style Sheets (CSS) Working Group (W3C).

Usage (according to Chrome Platform Status)

~37.402% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist