Nasıl Yapılır - Görüntü Efektleri Ekleyin
Resimlere nasıl görsel efekt ekleyeceğinizi öğrenin.
Görüntü Filtreleri
CSS Filtreleri
CSS filter
özelliği, bir öğeye görsel efektler (bulanıklık ve doygunluk gibi) ekler.
Not: Filter özelliği, Internet Explorer, Edge 12 veya Safari 5.1 ve önceki sürümlerde desteklenmez.
Gri Tonlamalı Örnek
Tüm görüntülerin rengini siyah beyaz olarak değiştirin (%100 gri):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Original image
grayscale(100%)
Bulanıklaştırma Örneği
Tüm görüntülere bulanıklık efekti uygulayın:
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}
Original image
blur(5px)
CSS filtreleri hakkında daha fazla bilgi edinmek için CSS filtre Özelliğimize gidin .