Resumo das propriedades usadas para mascaramento CSS

14/06/2022 21:16

Raja Novaes

Raja Novaes

Sou um apaixonado por aprender, sou da opinião que conhecimento não ocupa espaço. Por isso estou em uma fase de aquisição de novos conhecimentos e habilidades.

Resumo das propriedades usadas para mascaramento 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.

Faça parte da nossa comunidade!

Domine as tecnologias utilizadas pelas empresas mais inovadoras do mundo e encare seu novo desafio profissional, evoluindo em comunidade com os melhores experts.

0

Certificado

Artigo relacionado

Comentários

    Nenhum comentário