Haftanın Fragmanı

Bu hafta oyun tanıtım rehberlerimiz başlıyor .Dreamweaver,PhotoShop vb. Derslerimizin videoları paylaşıma açılacak.Yazarlarımızdan gelen video,köşe yazısı gibi içerikleri sitemizde derleyip yayınlıyoruz.Sitemizde Yayın yapmak isteyenler Bizlerle iletişime Geçsinler.

Opencore | Açık Çekirdek Platformu

CSS Filtre Efekti

CSS Filtre Efektleri

CSS Filtre Efektleri
------------------------------------------------------------------------------------

CSS filtreleri photoshop’a benzer filtreleri HTML elemanlarına uygulamamızı sağlıyor. Tek satır CSS kodu ile bu efektleri verebilmek çok hoş. CSS gittikçe web’in görselliğini tek başına karşılayacak bir yöne doğru evriliyor. Bu özelliği şimdilik sadece webkit tabanlı tarayıcılar destekliyor. Bu filtreler genelde resimler, ardalan resimleri ve kenar çizgilerine uygulanmaktadır.
1.Siyah-Beyaz Renkliye Döndürür.

img{
   -webkit-filter: grayscale(100%);
}
img:hover{
  -webkit-filter: grayscale(0%);
}

Not: İnternet Explorer eski sürümleri standart olmayan filtre desteğini sunuyor.
2.Bulanık iken görünür hale getirir.

img{
  -webkit-filter: blur(5px);
}
img:hover{
  -webkit-filter: blur(0);
}
  Not: Bütün Resimlere Uygulanır img yerine resimin sınıfını veya id'sini yazılması önerilir.

 






Bu sayfa hakkında yorum ekle:
İsminiz:
Siteniz:
Mesajın:


=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=