Nasıl oluşturulur: Görüntü etkileri ekle

Görüntülere görsel etkiler nasıl eklenir öğrenin.

Görüntü filtreleri

Kendi kendine deneyin:

CSS Filtreleri

CSS filter Özellik, elemente görsel etkiler ekler (örneğin, bulanık ve doygunluk).

Dikkat:Internet Explorer, Edge 12 veya Safari 5.1 ve daha eski sürümler desteklemiyor filter Özellik.

Gri örnek

Tüm görüntülerin renklerini siyah-beyaz (100% gri) olarak değiştir:

Lale
Orjinal görüntü
Lale
Gri (100%)
img {
    -webkit-filter: gri (100%); /* Safari 6.0 - 9.0 */
    filter: gri (100%);
}

Kendi kendine deneyin:

Bulanık örnek

Tüm görüntülere bulanık etki uygula:

Lale
Orjinal görüntü
Lale
Bulanık işleme (5 piksel)
img {
  -webkit-filter: bulanık (5px); /* Safari 6.0 - 9.0 */
  filter: bulanık (5px);
}

Kendi kendine deneyin:

İlgili sayfalar:

Referans kitabı:CSS filtre özelliği: