Monotons attēls ar CSS CSS-triki

Anonim

Jūs vienmēr varat lietot filtru elementam, lai tas būtu monotons pelēktoņu nozīmē:

Skatiet Krāsa Koijera (@chriscoyier) pildspalvas monotonu - CodePen.

Ievietojot to traukā ar fona krāsu un samazinot necaurredzamību, varat iegūt krāsainu monotonu efektu:

Skatiet Krāsa Koijera (@chriscoyier) pildspalvas monotonu - CodePen.

Maartens van der Velde rakstīja, sakot, ka necaurredzamības samazināšanas vietā mēs varam to apvienot ar mix-blend-modekontrastu un izpūst to:

Skatiet Krāsa Koijera (@chriscoyier) pildspalvas monotonu - CodePen.

Lai to izdarītu, Amelia Bellamy-Royds arī izmantoja SVG krāsu filtrus, kuriem ir pārsteidzoša kontrole:

Skatiet Amelia Bellamy-Royds (@AmeliaBR) pildspalvveida pilnšļirces filtrus Pelēks -> Apgriezt vienkrāsainu krāsu CodePen.