Enotonsko sliko s CSS - CSS-triki

Anonim

Na element lahko vedno uporabite filter, da postane monoton v smislu sivine:

Oglejte si Pen Monotone-ing sliko Chrisa Coyierja (@chriscoyier) na CodePen.

Če to daste v posodo z barvo ozadja in zmanjšate motnost, lahko dobite barvni monotoni učinek:

Oglejte si Pen Monotone-ing sliko Chrisa Coyierja (@chriscoyier) na CodePen.

Maarten van der Velde je zapisal, da lahko namesto zniževanja motnosti kombiniramo mix-blend-modekontrast in ga odpihnemo:

Oglejte si Pen Monotone-ing sliko Chrisa Coyierja (@chriscoyier) na CodePen.

Amelia Bellamy-Royds je za to uporabila tudi barvne filtre SVG, ki ima neverjeten nadzor:

Oglejte si svinčniki SVG sive -> Invert Monochrome Color avtorja Amelia Bellamy-Royds (@AmeliaBR) na CodePen.