Monotirajte sliku pomoću CSS-a - CSS-trikovi

Anonim

Uvijek možete primijeniti filtar na element kako biste ga učinili monotonim u smislu sivih tonova:

Pogledajte Monotone olovke - slika Chrisa Coyiera (@chriscoyier) na CodePenu.

Ako to stavite u spremnik s pozadinskom bojom i smanjite neprozirnost, možete dobiti monotoni efekt u boji:

Pogledajte Monotone olovke - slika Chrisa Coyiera (@chriscoyier) na CodePenu.

Maarten van der Velde napisao je da umjesto da smanjujemo neprozirnost, možemo ga kombinirati mix-blend-modei ispuhivati ​​kontrast:

Pogledajte Monotone olovke - slika Chrisa Coyiera (@chriscoyier) na CodePenu.

Amelia Bellamy-Royds također je koristila SVG filtre u boji da bi to učinila, što ima nevjerojatnu kontrolu:

Pogledajte olovku SVG Filters Gray -> Invert Monochrome Color autorice Amelia Bellamy-Royds (@AmeliaBR) na CodePen-u.