CSS propriedade mask-size

Definição e uso

mask-size A propriedade especifica o tamanho da imagem da camada de máscara.

Defina o tamanho da imagem da camada de máscara (em porcentagem):

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

Defina o tamanho da imagem da camada de máscara (em pixels):

.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	Descrição
auto	Valor padrão.
size	Especifique o tamanho da imagem de máscara, você pode usar unidade como px, em, ou usar %.
contain	Ajuste a imagem de máscara para que sua largura e altura possam se adaptar ao interior do contêiner.
cover	Ajuste a imagem de máscara para que sua largura e altura possam cobrir o contêiner.
initial	Defina essa propriedade como seu valor padrão. Veja initial.
inherit	Herda essa propriedade do elemento pai. Veja inherit.

Valor padrão:	auto
Herança:	Não
Produção de animação:	Não suportado. Veja:Propriedades relacionadas a animação.
Versão:	Módulo de Masking do CSS Nível 1
Sintaxe do JavaScript:	object.style.maskSize="100px 200px"