mask-size
Sets the size of the mask image. You can use keywords like 'cover' or 'contain', or specific pixel/percentage values, just like 'background-size'.
It is documented as part of the CSS Masking specification.
Syntax
/* Usage Example */
.masked-element {
/* Scales the mask image to cover the entire element */
mask-size: cover;
}
/* Global values */
mask-size: inherit;
mask-size: initial;
mask-size: revert;
mask-size: revert-layer;
mask-size: unset;mask-size 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