There are some extra properties related to masking that are available only for WebKit browsers; these work exactly as their
background
property counterparts, so here's the list, taken from the original WebKit blog post:
-webkit-mask
(background
): This is a shortcut for all the other properties-webkit-mask-attachment
(background-attachment
): This defines whether the mask should scroll within the content or not-webkit-mask-clip
(background-clip
): This specifies the clipping area of the mask-webkit-mask-position
(background-position
): This property specifies the position of the mask within the element-webkit-mask-origin
(background-origin
): This specifies where the coordinates 0,0 should be placed within the element (for example, at the beginning of the padding area usingpadding-box
as the value)-webkit-mask-image
(background-image
): This points to one or more images or gradients to be used as masks