image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Raja Novaes
Raja Novaes14/06/2022 21:16
Compartilhe

Resumo das propriedades usadas para mascaramento CSS

  • #CSS

É usado para criar uma máscara para colocar sobre um elemento para ocultar parcialmente ou totalmente partes do elemento, para isso é usado propriedade mask-image que pode utilizar arquivos PNG, SVG, um elemento SVG <mask> ou um gradiente CSS. 


  • mask-image - Especifica uma imagem a ser usada como uma camada de máscara para um elemento.
  • mask-mode - Especifica-se a imagem da camada de máscara é tratada como uma máscara de luminância ou como uma máscara alfa.
  • mask-origin - Especifica a posição de origem (a área de posição da máscara) de uma imagem de camada de máscara.
  • mask-position -  Define a posição inicial de uma imagem de camada de máscara (em relação à área de posição da máscara).
  • mask-repeat - Específica como a imagem da camada de máscara é repetida.
  • mask-size - Especifica o tamanho de uma imagem de camada de máscara.
Compartilhe
Comentários (2)
Ricardo Ribeiro
Ricardo Ribeiro - 14/06/2022 21:53

muito bom!

João Espinosa
João Espinosa - 14/06/2022 21:34

legal