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.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| mask-origin | 4.0 -webkit- | 79.0 -webkit- | 53.0 | 4.0 -webkit- | 15.0 -webkit- |
