Definición de .mask-image utilizado en CSS
Se aplica una máscara en CSS que se aplica parte del elemento.
Caso de uso : propiedad CSS mask-image
Si quieres emplear esta propiedad de CSS en tu stylesheet, hazlo de esta forma:
.element {
mask-image: url(star.svg);
}Otro ejemplo más avanzado de .mask-image es el siguiente de CODEPEN:
Sintaxis de .mask-image en CSS
mask-image: none|image|url|initial|inherit;Exploradores compatibles con .mask-image
Los números de la tabla detallan la primera versión del navegador que es plenamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| mask-mode | Not supported | Not supported | 53.0 | Not supported | Not supported |
