Hello

Paris CSS Meetup

QUI SUIS-JE ?

Lucas Bonomi

@LukyVj

http://lucasbonomi.com

Frontend Developer @ Tigerlily & 

Sleek

ex : Sush.io, SketchFab 

2015 - @LukyVj

Blend modes

filtres CSS & video

2015 - @LukyVj

Blend Modes ?

2015 - @LukyVj

Blend Modes ?

Mode de fusion

Il y a peu, avec des soft type photoshop..

CSS Blend Modes nous permet de spécifier la manière dont un calque va interagir ou se mélanger (blend) avec un autre.

Aujourd'hui, en CSS..

Les propriété CSS blend-mode (background / mix) décrit comment les éléments d'images d'arrière-plan doivent  fusionner entre elles et avec la couleur de fond de l'élément.

[ http://la-cascade.ghost.io/css-blend-modes/ ]

[ https://developer.mozilla.org/fr/docs/Web/CSS/Reference/background-blend-mode ]

2015 - @LukyVj

Bref, c'est génial.. 

2015 - @LukyVj

Filters ?

Selon MDN..

La propriété CSS filter permet de réaliser des effets comme un flou, ou une modification de teinte sur le rendu d'un élément avant qu'il soit affiché. 

[ https://developer.mozilla.org/fr/docs/Web/CSS/filter ]

2015 - @LukyVj

Filters ?

2015 - @LukyVj

HowTo ? 

Use blend-modes

2015 - @LukyVj

HowTo ? 

Use Filters

2015 - @LukyVj

Demo ? 

2015 - @LukyVj

Merci de votre attention

Des questions ? 

2015 - @LukyVj

blendmode-filter-video

By Lucas Bonomi

blendmode-filter-video

  • 3,574