Şifremi Unuttum
3d Studio Max |
Adobe After Effects |
Adobe Flash |
Adobe Photoshop |
Autodesk Maya |
Css |
İnternet |
Microsoft Excel |
Php |
XHtml |
 


  Css Transparan Özelliği
  Etiketler : Css Transparan Özelliği
   
Merhaba arkadaşlar;

Sizlere css 'in sevdiğim bir özelliğini tanıtacağım.

HTML:

"resim dosyanız" />

CSS:

img{
opacity:0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
}

SONUÇ:



Bu kodda “transparan” sınıflı nesneler 50% saydam görünecektir. Tabiki block level elementler olması gerekir bu objelerin.

  • filter : alpha( Opacity=50 );

  • Internet Explorer ve Opera 9+ tarayıcılarda transparanlığı sağlayacaktır.

  • opacity : 0.5;

  • Mozilla, Firefox, Safari, Konqueror tarayıcılarında transparanlığı sağlayacaktır.

  • -moz-opacity : 0.5;

  • Bu gereksiz bir koddur fakat bilmeniz açısından yer veriyorum, Mozilla ve türevi tarayıcılar daha önceden böyle transparanlık sağlıyordu. Artık doğrudan “opacity” özniteliğini de destekliyor.


Siteniz İçin

Yorum Yaz

Yapılan Yorumlar

İstatistikleri

Son Eklenenler

A Href Kodu :
URL Link :
Yorum yapabilmeniz için Üye Olmalı yada GİRİŞ yapmalısınız.
Yorum Eklenmemiş.
Ekleyen
ExcitinG
Eklenme Tarihi
2008-07-17 03:57:38
Kategori
Css
Oy Kullan
Oylama
23 Adet
Görüntülenme
364 Adet
Manşet mi?
Hayır
Yorumlar
0 Adet
Başlık
Gönderen
Seçenekler
   Yazılı Ders
   Yazılı Ders
   Yazılı Ders
   Yazılı Ders
   Yazılı Ders
   Yazılı Ders
   Yazılı Ders
   Yazılı Ders
   Yazılı Ders
   Yazılı Ders
 
                         Dersvar Ucretsiz Ders Portali
                   358712 Sayfa Ziyareti