Монотирајте слику помоћу ЦСС-а - ЦСС-трикови

Anonim

Увек можете применити филтер на елемент да би он постао монотон у смислу сивих тонова:

Погледајте Монотоне оловке - слика Цхриса Цоииера (@цхрисцоииер) на ЦодеПен-у.

Ако то ставите у контејнер са бојом позадине и смањите непрозирност, можете добити монотони ефекат у боји:

Погледајте Монотоне оловке - слика Цхриса Цоииера (@цхрисцоииер) на ЦодеПен-у.

Маартен ван дер Велде је написао да уместо да смањујемо непрозирност, можемо је комбиновати mix-blend-modeи отпуштати контраст:

Погледајте Монотоне оловке - слика Цхриса Цоииера (@цхрисцоииер) на ЦодеПен-у.

Амелиа Беллами-Роидс је такође радила помоћу СВГ филтера у боји, што има невероватну контролу:

Погледајте оловку СВГ Филтерс Греи -> Инверт Моноцхроме Цолор од Амелиа Беллами-Роидс (@АмелиаБР) на ЦодеПен-у.