mask - CSS : Feuilles de style en cascade | MDN
▻https://developer.mozilla.org/fr/docs/Web/CSS/mask
La propriété mask permet de masquer un élément partiellement ou complètement en utilisant un masque apposé sur l’image ou en rognant l’image aux positions données. Cette propriété est une propriété raccourcie pour les propriétés mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size et mask-composite .
Voir aussi
Apply effects to images with CSS’s mask-image property
▻https://web.dev/css-masking
Et mask avec le SVG qui permet de se servir d’un SVG comme mask en lui donnant le background-color de son choix
►https://codepen.io/noahblon/post/coloring-svgs-in-css-background-images
.icon {
background-color: red;
-webkit-mask-image: url(https://seenthis.net/icon.svg);
mask-image: url(https://seenthis.net/icon.svg);
}
