mask-position
Sets the initial position of the mask image within the masking area. It works exactly like 'background-position'.
Quick example
.pushed-mask {
/* Positions the mask 20px from the left and 50px from the top */
mask-position: 20px 50px;
}Quick facts
Initial value
0% 0%Inherited
No
Applies to
all elements and SVG container elements
Animation type
repeatableList
mask-position 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.
Works in all modern browsers. May need a fallback for older browsers.
120+
53+
15.4+
120+