CSS İle Webkit Tarayıcılarda Hover Efektleri (webkit-filter) | Yunus BAŞŞAHAN
Bu yazımızda Webkit tabanlı tarayıcılarda (Google Chrome, Safari, Yandex Browser) kullanabileceğimiz bazı css3 tekniklerini inceleyelim, siz de takdir edersinizki css3 web tasarımın (webmasterların) vazgeçilmezi haline geldi, webkit-filter ile resimlerimize birbirinden güzel css efektleri, hover efektleri verebiliriz, işin tek kötü tarafı sadece bahsettiğimiz 3 tarayıcıda çalışıyor olması, eğer çok özel bir proje üzerinde çalışıyor ve tarayıcı uyumsuzluğu sizin için problem değilse, kullanmakta fayda var. Şimdi sırasıyla gözatalım.
İngilizce'de emdirmek, doyurmak anlamına gelir ve kullanılan resmin renklerini tok gösterir
Adından da anlaşıldığı gibi uygulanan öğenin rengini siyah-beyaz'a çevirir.
Uygulanan öğenin contrastını ayarlayabilmemizi sağlar.
İngilizce de parlaklık anlamına gelir, uygulanan öğenin parlaklığını ayarlamamızı sağlar.
Uygulanan öğeğe blur vermemizi sağlar.
Uygulanan öğenin renklerini ters çevirmemizi sağlar.
Uygulanan öğenin renklerini soldurmamızı sağlar, adını mürekkep balığından almıştır.
Uygulanan nesnenin renklerini çevirmemize yarar ve kaç derece çevirmek istediğimizi tanımlamamız gerekir.
Zaten bu özelliği kullanmayan yoktur, nesnenin opasitesini ayarlamızı sağlar.
Yukarıda yapılan örneklerin demosu için tıklayın...
Dün lazım oldu not alasaydım diyordum bende
Yazan Alico | Tarih : 12 Ekim 2013 , Cumartesi 00:00
css hakkında güzel paylaşımlar olmuş teşekkür ederiz sağolun.
Yazan Pendik su | Tarih : 10 Mayıs 2016 , Salı 11:39