-webkit-mask-attachment

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

If a -webkit-mask-image is specified, -webkit-mask-attachment determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block.

Initial value	`scroll`
Applies to	all elements
Inherited	no
Media	visual
Computed value	as specified
Animatable	no
Canonical order	order of appearance in the formal grammar of the values

Syntax

<attachment>[, <attachment>]*where 
<attachment> = scroll | fixed | local

Values

scroll: If scroll is specified, the mask image scrolls within the viewport along with the block that contains the mask image.
fixed: If fixed is specified, the mask image does not scroll with its containing element, instead remaining stationary within the viewport.

Examples

body {
    -webkit-mask-image: url('images/mask.png');
    -webkit-mask-attachment: fixed;
}

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	Not supported [1]	Not supported	Not supported	Not supported	4.0

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	2.1	Not supported	Not supported	Not supported	3.2

[1] Support has been droped since Chrome 24.

-webkit-mask-attachment

Syntax

Values

Examples

Browser Compatibility

See also

Document Tags and Contributors