CSS

CSS3 -webkit-filter Kullanımı

Bu yazı 3 ay veya daha önce yayınlanmış olduğundan görülen linklerde, resimlerde veya kodlarda hata olabilir. Herhangi bir hata ile karşılaşırsanız bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dilerim.

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="http://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
One comment
Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

PREMIUM WORDPRESS TEMALARI
wordpress emlak teması
wordpress rent a car teması v2
%d blogcu bunu beğendi: