Golge Verme
Öncelikle Bir div layer oluşturalım adınıda "golgeli-kutu" koyalım
<div class="golgeli-kutu">
merhaba gölgeli kutu
</div>
merhaba gölgeli kutu
</div>
Kutumuzu oluşturduk geçelim css kısmına
box-shadow: #555 0px 0px 8px;
-moz-box-shadow: #555 0px 0px 8px;
-webkit-box-shadow: #555 0px 0px 8px;
-moz-box-shadow: #555 0px 0px 8px;
-webkit-box-shadow: #555 0px 0px 8px;
Bu şekilde gölgemizi verdik kodumuzun nasıl işlediğini görelim
box-shadow: #555 0px 0px 8px;
box-shadow: renk | sol sağ | Yukarı Alt | Gölge Derinliği;
peki ya neden 3 satırlık kod yazdık evet aslında ilk satırdaki kod bütün işimizi görüyor ama CSS3 ü tarayıcılar yeni desteklemeye başladığı için haliyle tarayıcılara özel olarak kod yazıyoruz tabi bunu özellikle kasıtlı olarakta yazabiliriz ama zamanla bize ilk satırdaki kod yeterli olacaktır
-moz-box-shadow Gecko ailesi için özel olarak yazılmış bir kod birliğidir
-webkit-box-shadow Webkit ailesi için özel olarak yazılmış bir kod birliğidir
