mask-mode

Índice

Definición de .mask-mode en CSS

La propiedad CSS .mask-mode indica si la imagen de la capa de máscara CSS se trata como una máscara alfa o una máscara de luminancia.

Caso de uso : propiedad CSS mask-mode

Si te gustaría emplear esta propiedad de CSS en tu hoja styles.css, hazlo de la siguiente forma:

.element {
  mask-image: url(sun.svg);
  mask-mode: alpha;
}

Sintaxis de .mask-mode en CSS

  mask-mode:   match-source|luminance|alpha|initial|inherit;

Exploradores compatibles con .mask-mode

Los números de la tabla especifican la primera versión del navegador que es plenamente compatible con la propiedad.

Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
mask-origin 4.0 -webkit- 79.0 -webkit- 53.0 4.0 -webkit- 15.0 -webkit-

Bibliografía

Es probable que también te interesen estas propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso