Les #masques #CSS – 24 jours de web
▻http://www.24joursdeweb.fr/2013/les-masques-css
Le masquage est une technique de composition qui permet de combiner plusieurs images en une seule, où l’une des images va être utilisée pour masquer certaines parties des autres. Pour parler simplement, la première image correspond à l’élément graphique (la source) qui peut être composée d’images, de textes, de vidéos ou de n’importe quel autre contenu de notre page web. La seconde image est le masque et va agir comme un pochoir pour ne laisser visible qu’une certaine partie de notre source graphique.
Il existe deux catégories de masques :
Les masques basés sur une forme vectorielle définissant la zone visible de l’élément, c’est ce qu’on appelle le clipping.
Les masques basés sur une image en niveau de gris définissant quelles parties d’un élément sont masquées et quelles parties sont visibles, c’est le masking.
Si vous êtes habitués à utiliser les masques de Photoshop, vous pouvez facilement assimiler que le masking correspond aux masques de fusion alors que le clipping correspond aux masques vectoriels ou 1-bit mask.
