HTML and CSS Reference
In-Depth Information
mask-composite
This property specifies the compositing style for the mask.
Syntax
mask-composite: border | padding
where the default is
border
.
Example
<div style="height: 100px; width: 200px; background-color: red;
padding: 20px; border: 5px dashed black;
-webkit-mask-image: -webkit-gradient(linear, left top, left
bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
-webkit-mask-composite: padding;"></div>
Compatibility
No specification
Chrome 2+, Safari 3.1+
Note
• In WebKit-based browsers this property is specified as
-webkit-mask-composite
.
mask-image
This property specifies the image to be used for the element's mask.
Syntax
mask-image: url(
image
) |
function
where
function
is a function that generates an image.
Example
<img src="tucker.jpg" width="200" height="133"
style="-webkit-mask-image: url(ovalmask.gif);">
O
NLINE
http://htmlref.com/ch6/maskimage.html