mask

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨julho de 2015⁩.

No SVG, você pode especificar que quaisquer outros objetos gráficos ou elementos <g> podem ser utilizados com uma máscar de alfa para a composição do objeto atual para o fundo. A mask is defined with the mask element. A máscara é usada/referenciada usando a propriedade mask.

Contexto de uso

Categorias	Elemento recipiente
Conteúdo permitido	Qualquer número dos seguintes elementos, em qualquer ordem: Elementos de animação Elementos descritivos Elementos de forma Elementos estruturais Elementos de gradiente `<a>`, `<clipPath>`, `<filter>`, `<foreignObject>`, `<image>`, `<marker>`, `<mask>`, `<pattern>`, `<script>`, `<style>`, `<switch>`, `<text>`, `<view>`