Definición de .mask-position en CSS
En CSS, la propiedad .mask-position
especifica la posición inicial de una imagen de capa de máscara en relación con el área de posición de la máscara. Funciona como la propiedad de posición de fondo.
Caso de uso : propiedad CSS mask-position
Si te gustaría utilizar esta propiedad de CSS en tu hoja de estilos, hazlo de esta manera:
.element {
mask-image: url("star.svg");
mask-position: 20px center;
}
Sintaxis de .mask-position en CSS
mask-position: value;
Exploradores compatibles con .mask-position
Los números de la tabla detallan la primera versión del navegador que es totalmente 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-repeat | 4.0 -webkit- | 79.0 -webkit- | 53.0 | 3.1 -webkit- | 15.0 -webkit- |