CSS box-shadow özelliği

Belki bir­çok blogda gör­müş­sü­nüz­dür. Oldukça güzel bir özel­lik. CSS’de her­hangi bir id veya class’a gölge efekti veri­yor bu özel­lik. Bunu bir­çok yerde kul­la­na­bi­lir­si­niz. Mesela ben yazı içe­ri­sin­deki resim­lere ekle­dim bu özelliği.

Bu css hilesi yal­nızca Mozilla Fire­fox ve web­kit tabanlı tara­yı­cı­larda geçerli. Yani Inter­net Exp­lo­rer ve Opera tara­yı­cı­la­rında geçerli değil.

Yuka­rı­daki kod­lar ara­sında Mozilla Fire­fox için geçerli ola­cak kod: –moz-box-shadow Web­kit tabanlı tara­yı­cı­lar için geçerli ola­cak kod ise: –webkit-box-shadow şeklinde olan koddur.

    

Bu yazıya 4 yorum yapılmış:

  1. Rıza Selçuk

    21 Haziran 2010 05:11

    Selam­lar Müjdat,

    bu tarz konu­larda bilgi verir­ken demo linki verir­sen veya yazı içer­sinde efekti kul­la­nır­san daha yararlı ola­ca­ğına inanıyorum.

    iyi çalış­ma­lar kardeşim

    Cevapla
  2. Mert2407

    21 Haziran 2010 07:14

    Sağo­la­sın, müj­dat yap­tım ve oldu. ;) Demo iste­yen­ler blo­gum­dan bakabilir..

    Cevapla
  3. Müjdat Korkmaz

    21 Haziran 2010 07:57

    Demo say­fası da hazır­la­dım şimdi.

    Cevapla

Siz de yorum yapmak ister misiniz?