TIKLA
  • Anasayfa
  • Favorilere Ekle
  • Site Haritası
  • https://www.facebook.com/edkirtasiye?ref=hl
  • https://plus.google.com/b/106886206509708574199/106886206509708574199/posts
  • https://twitter.com/egitimdunyamiz
Ziyaret Bilgileri
Aktif Ziyaretçi5
Bugün Toplam118
Toplam Ziyaret1365886
ANKET
Sizce Eğitim Sisteminin En Büyük Eksikliği Nedir?
Site Haritası
REKLAM4
reklam5
REKLAM2
REKLAM1
REKLAM

CSS Transparanlık

CSS kullanarak kolaylıkla resimlerinize şeffaflık (transparanlık) özelliği verebilirsiniz.

Transparan Resim Yaratmak

CSS3'de yer alan opacity kodu resmin şeffaflık oranını ayarlamamızı sağlar:



   img
   {
      /* Transparanlık oranı 40% */
      opacity: 0.4;

      /* IE8 ve aşağısındaki tarayıcılarda sorun çıkmaması için */
      filter: alpha(opacity=40);
   }
   

Yukarıda dikkat edildiyse iki kez 40% olduğunu belirttik. Birinci opacity kodumuz tüm güncel tarayıcılar için geçerli. Ancak bu kod Internet Explorer 8 ve aşağısında görüntülenmez. Bu sorunu düzeltmek için IE8 ve aşağı browserların anlayacağı tarz ikinci bir kod yazdık: filter: alpha(opacity=40); Buradaki 40, %40 ı ifade eder.

Fareyle Resmin Transparanlığını Değiştirmek

  

   img.stil { opacity: 0.5; filter: alpha(opacity=50); }

   img:hover.stil { opacity: 1.0; filter: alpha(opacity=100); }

   


HTML kodumuz:








   

"Sevdiği kızı bırakıp gurbete gitmişti genç. Fakat aradan geçen yıllar sevgisinde hiç bir azalışa neden olmamıştı.Yıllar sonra döndügünde sevdiğinden şu sözleri işitti:"A gönlüme hükmeden. Bunca yıl geçti, yolunu gözledim. Ne bir haber, ne bir mektup?!. Meğer ne kadar vefasızmışsın?."

Bunun üzerine genç başını önüne eğdi, gözlerinden yaşlar akarken cevap verdi:" Ey sevgili! yüzünü görmek benim için uğruna ölünecek bir hasret iken, o şerefi postacıya mı bağışlasaydım?!"


Yorumlar - Yorum Yaz


 TIKLA