Manual de referencia CSS

propiedad-CSS

mask-size El atributo especifica el tamaño de la imagen de la máscara.

Establecer el tamaño de la imagen de la máscara (en porcentaje):

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 70%;
  mask-repeat: no-repeat;
}

Establecer el tamaño de la imagen de la máscara (en píxeles):

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 200px 200px;
  mask-repeat: no-repeat;
}

mask-size: auto|size|contain|cover|initial|inherit;

Valor	Descripción
auto	Valor predeterminado.
tamaño	Especifica el tamaño de la imagen de la máscara, se pueden usar unidades como px, em, o por ciento %.
contain	Escala la imagen de la máscara para que su anchura y altura puedan adaptarse al interior del contenedor.
cover	Escala la imagen de la máscara para que su anchura y altura puedan cubrir el contenedor.
initial	Establece este atributo a su valor predeterminado. Véase initial.
inherit	Hereda este atributo del elemento padre. Véase inherit.

Valor predeterminado:	auto
Herencia:	No
Producción de animación:	No se admite. Consulte:Atributos relacionados con la animación.
Versión:	Módulo de Masking de CSS Nivel 1
Sintaxis de JavaScript:	object.style.maskSize="100px 200px"