Apply effects to images with CSS's mask-image property

vide 13/02/2023

mask - CSS : Feuilles de style en cascade | MDN
▻https://developer.mozilla.org/fr/docs/Web/CSS/mask

https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png

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);

}

vide