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

Bir yanıt yazın

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.