-webkit-mask-attachment
No estándar: Esta función no está estandarizada. No recomendamos usar funciones no estándar en producción, ya que tienen un soporte limitado en los navegadores y pueden cambiar o eliminarse. Sin embargo, pueden ser una alternativa adecuada en casos específicos donde no exista una opción estándar.
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.
Síntaxis
CSS Page type requiredValores
- 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;
}
Especificaciones
No forma parte de ningún estándar.
Compatibilidad con navegadores
Ver además
-webkit-mask, -webkit-mask-clip, -webkit-mask-box-image, -webkit-mask-origin, -webkit-mask-image,-webkit-mask-composite,-webkit-mask-repeat