-webkit-mask-attachment

No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.

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
Valor calculadocomo se especifica
Animation typediscrete

Síntaxis

Error: could not find syntax for this item

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

BCD tables only load in the browser

Ver además