Nasıl oluşturulur: Siyah-Beyaz Görüntü

CSS ile 'Siyah-Beyaz' görüntü nasıl oluşturulur öğrenin.

Siyah-beyaz görüntü

CSS kullanarak filter Özellikler, görüntüyü siyah-beyaz görüntüye dönüştürür.

Lale
Orijinal görüntü
Lale
Gri (100%)

Gri tonlama örneği

Tüm resimlerin renklerini siyah-beyaz (100% gri) olarak değiştirin:

img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

Kişisel olarak deneyin

ilgili sayfalar

ders:CSS resmi

referans kitabı:CSS filtre özelliği