CSS ile Tek Tonlu Bir Görüntü - CSS Hileleri

İçindekiler

Gri tonlama anlamında monoton hale getirmek için bir öğeye her zaman filtre uygulayabilirsiniz:

CodePen'de Chris Coyier (@chriscoyier) tarafından bir Görüntü Oluşturan Kalem Monotonluğuna bakın.

Bunu arka plan rengi olan bir kaba koyarsanız ve opaklığı düşürürseniz, renkli bir monoton efekt elde edebilirsiniz:

CodePen'de Chris Coyier (@chriscoyier) tarafından bir Görüntü Oluşturan Kalem Monotonluğuna bakın.

Maarten van der Velde, opaklığı azaltmak yerine, onu birleştirip mix-blend-modekontrastı ortadan kaldırabileceğimizi söyledi :

CodePen'de Chris Coyier (@chriscoyier) tarafından bir Görüntü Oluşturan Kalem Monotonluğuna bakın.

Amelia Bellamy-Royds, bunu yapmak için SVG renk filtrelerini de kullandı ve bu da inanılmaz bir kontrole sahip:

CodePen'de Amelia Bellamy-Royds (@AmeliaBR) tarafından oluşturulan Pen SVG Filters Grey -> Invert Monochrome Color bölümüne bakın.

Ilginç makaleler...