Kép monoton rögzítése CSS-sel - CSS-trükkök

Anonim

Szűrőt mindig alkalmazhat egy elemre, hogy szürkeárnyalatos értelemben monoton legyen:

Lásd Chris Coyier (@chriscoyier) tollának monoton képalkotása a CodePen oldalon.

Ha ezt háttérszínnel ellátott edénybe teszi, és csökkenti az átlátszatlanságot, színes monoton effektust kaphat:

Lásd Chris Coyier (@chriscoyier) tollának monoton képalkotása a CodePen oldalon.

Maarten van der Velde azt írta, hogy az átlátszatlanság csökkentése helyett kombinálhatjuk mix-blend-modeés elfújhatjuk a kontrasztot:

Lásd Chris Coyier (@chriscoyier) tollának monoton képalkotása a CodePen oldalon.

Amelia Bellamy-Royds SVG színszűrőkkel is foglalkozott ennek megvalósításával, amely elképesztően nagy irányítást biztosít:

Lásd a Pen SVG Filters Grey -> inverz fekete-fehér színt, Amelia Bellamy-Royds (@AmeliaBR) a CodePen-en.