CSS3 -webkit-filter Kullanımı

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" />

css3 ile resim efektleri

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.

Merhaba! Ben Burak. 2016 yılında Karadeniz Teknik Üniversitesi Harita Mühendisliği Bölümü’nden mezun oldum. Lise yıllarında HTML & CSS‘e, Üniversite yıllarında WordPress ve Matlab‘e adım attım. Lisans tezimi Matlab üzerinden program yazarak teslim ettim. Çeşitli projeler için WordPress tabanlı yazılımlar geliştirdim.

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.

    Cevapla

Bir cevap yazın

This site uses Akismet to reduce spam. Learn how your comment data is processed.