-webkit-mask-attachment

Saltar a:
  1. Síntaxis
  2. Valores
  3. Ejemplos
  4. Compatibilidad con los distintos navegadores
  5. Ver además

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
Animation typediscrete
Canonical orderorder of appearance in the formal grammar of the values

Síntaxis

<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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte básico Sin soporte [1] Sin soporte Sin soporte Sin soporte 4.0
Característica Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 2.1 Sin soporte Sin soporte Sin soporte 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: mdnwebdocs-bot, pekechis
Última actualización por: mdnwebdocs-bot,