-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 inicial | scroll |
|---|---|
| Applies to | all elements |
| Heredable | no |
| Valor calculado | como se especifica |
| Animation type | discrete |
Síntaxis
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