Monotónovanie obrázka pomocou CSS Triky CSS

Anonim

Na prvok môžete vždy použiť filter, aby bol monotónny v zmysle stupňov šedej:

Pozrite si monotónne pero na obrázku Chrisa Coyiera (@chriscoyier) na CodePen.

Ak to vložíte do nádoby s farbou pozadia a znížite nepriehľadnosť, môžete získať farebný monotónny efekt:

Pozrite si monotónne pero na obrázku Chrisa Coyiera (@chriscoyier) na CodePen.

Maarten van der Velde napísal, že namiesto zníženia nepriehľadnosti ho môžeme kombinovať s mix-blend-modekontrastom:

Pozrite si monotónne pero na obrázku Chrisa Coyiera (@chriscoyier) na CodePen.

Amelia Bellamy-Royds na to tiež použila farebné filtre SVG, ktoré majú úžasnú kontrolu:

Pozrite si filtre SVG pera Šedá -> Invertovať čiernobielu farbu od Amelie Bellamy-Roydsovej (@AmeliaBR) na stránkach CodePen.