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

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 cevap yazın

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