SEO (Arama Motoru Optimizasyonu) Mikro İnteraktif ÜCRETSİZ - Google Play'den İndirin

CSS3 ile Grayscale (Gri Tonlamalı) Filtre Kullanımı

CSS3 ile bir resimi gri tonlamalı bir şekilde gösterebileceğimiz örneğimiz

Mevcut bir projede oluşturduğum slider içindeki resimin gri tonlama şeklindeki hali de lazımdı. Photoshop harici ne ile yapılır diye ararken CSS3 ile yapıldığını görünce sizinle paylaşmak istedim. Kod betiklerimize geçelim.
CSS3 Grayscale
.gri{ 
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

Örneği test etmek için resimin üzerine geliniz.
Örnek
CSS3 ile Grayscale (Gri Tonlamalı) Filtre Kullanımı

Yorumlar

Yorum Yaz

Avatar

REKLAM

DDos Koruma, Botnet Koruma, Layer 7 Saldırı koruması, Sanal sunucu, Vds sunucu

REKLAM

En Yeni Çizgi Filmler, Masallar ve Etkinlikler

REKLAM

SEO-Arama Motoru Optimizasyonu Uygulaması

REKLAM

Hayvan Sesleri Uygulaması

REKLAM

Çocuk Etkinlikleri Uygulaması

EN

  • Popüler
  • Yeni
  • Son Yorum