mask-origin
Defines the 'origin' or starting point of the mask position. It determines where the mask image is placed relative to the element's boxes.
It is documented as part of the CSS Masking specification.
Syntax
/* Usage Example */
.masked-element {
/* Bases the mask position on the padding box */
mask-origin: padding-box;
}
/* Global values */
mask-origin: inherit;
mask-origin: initial;
mask-origin: revert;
mask-origin: revert-layer;
mask-origin: unset;mask-origin Browser support
Newly available
Since
2023 88% global usage
Since 2023 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
120+
53+
15.4+
120+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more