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.