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. 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

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

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

Siz de yorum yapmak ister misiniz?