-webkit-mask-attachment

No estándar
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.

Si se ha especificado una -webkit-mask-image , -webkit-mask-attachment determina si la posición de la imagen de la máscara es fija dentro de la ventana (viewport) , o se desplaza a lo largo del bloque que la contiene.

Valor inicialscroll
Applies toall elements
Heredableno
Mediavisual
Valor calculadocomo se especifica
Animatableno
Canonical orderorder of appearance in the formal grammar of the values

Síntaxis

<attachment>[, <attachment>]*

where
<attachment> = scroll | fixed | local

Valores

scroll
Si se ha especifiacod  scroll , la imagen de máscara se desplaza dentro de la ventana (viewport) junto con el bloque que contiene la máscara de imagen.
fixed
Si se ha especificado el valor fixed , la imagen de máscara no se desplaza junto con el elemento que la contienen, en vez de eso permanece es una posición fija dentro de la ventana (viewport).

Ejemplos

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

Compatibilidad con los distintos navegadores

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte básico No support [1] No support No support No support 4.0
Característica Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 2.1 No support No support No support 3.2

[1] Se ha dejado de dar soporte desde Chrome 24.

Ver además

-webkit-mask, -webkit-mask-clip,  -webkit-mask-box-image-webkit-mask-origin, -webkit-mask-image,-webkit-mask-composite,-webkit-mask-repeat

Etiquetas y colaboradores del documento

Etiquetas: 
 Colaboradores en esta página: pekechis
 Última actualización por: pekechis,