HTML and CSS Reference
In-Depth Information
where
xpos
and
ypos
are set according to the more specific
mask-position-x
and
mask-
position-y
properties.
Examples
<img src="tucker.jpg" width="200" height="133"
class="masked" style="-webkit-mask-position: 10px 10px;">
<img src="tucker.jpg" width="200" height="133"
class="masked" style="-webkit-mask-position: right top;">
<img src="tucker.jpg" width="200" height="133"
class="masked" style="-webkit-mask-position: 50% 50%;">
O
NLINE
http://htmlref.com/ch6/maskposition.html
Compatibility
No specification
Chrome 2+, Safari 3.1+
Note
• In WebKit-based browsers this property is known as
-webkit-mask-position
.
mask-position-x
This property specifies the x-coordinate in the position of the mask.