CSS Blend Modes

« Les billets bleus sont devenus violets »

PNL

Préambule :

CSS Filters

CSS Filters, c'est quoi ?

La propriété filter permet d'appliquer des filtres sur une image : flou, saturation, contraste, etc.

img { 
    filter: grayscale(50%); 
}

CSS Blend Modes

CSS Blend Modes, c'est quoi ?

La propriété mix-blend-mode permet de spécifier la manière dont un élément va interagir avec un autre lorsqu'ils se superposent.

 

.foo { 
    mix-blend-mode: screen;
}

Quelques cas d'utilisation

À toi de jouer !

CSS Blend Modes

By pierrinho

CSS Blend Modes

Découverte de CSS Blend Modes

  • 507