Bu makalemde size CSS 3’ün bir parçası olan [kod]-webkit-filter[/kod]’ın bize neler sunduğundan bahsedeceğim.
Filtrelerin demolarını daha iyi anlaşılabilmesi açısından aşağıdaki resim üzerinden gösterimini yapıcam.
<img alt="CSS3 -webkit-filter'lere Merhaba deyin!" src="https://buraksah.in/wp-content/uploads/2013/06/tumblr_mdfri0plCN1r6q6m1o1_500.jpg" />
Unutmayın bu efektler bazı tarayıcılarda çalışmayabilir bu yüzden şimdilik Google Chrome kullanmanız tavsiye edilir.
-webkit-filter’ı test et
İçerik:
- 1. Sayfa: Giriş
- 2. Sayfa: hue-rotate
- 3. Sayfa: grayscale
- 4. Sayfa: sepia
- 5. Sayfa: blur
- 6. Sayfa: brightness
- 7. Sayfa: contrast
- 8. Sayfa: invert
- 9. Sayfa: saturate
Sevgiler.
Bir önceki yazımız olan WordPress için Youtube Tarzı Yükleniyor Çubuğu başlıklı makalemizi de okumanızı öneririz.
1 Yorum
Sistem Gereksinimleri
19 Kasım 2013 at 13:14Özellikle siyah beyaz ve sepyayı çok beğendim, kendim çektiğim fotoğraflarım için sitemde kullanabilirim.