Css Nesneye Gölge Verme - Css Örneklerle Ders 1

Css Nesneye Gölge Verme,Css Nesneye Gölge Vermek,Css Nesneye Gölge kodu,Css Nesneye nasıl gölge verilir,Css Nesneye Gölge Vermek için kod,Css Nesneye Gölge kodları,Css Nesneye Gölge verme içeriği,Html nesneye gölge verme kodu

              Merhaba arkadaşlar,sitemizde düzenli olarak yayınlayacağımız 'Css örneklerle ders' serimizin ilk yazısına hoşgeldiniz.Bu ders belirli bir nesneye gölge efeği vermeyi öğreneceğiz.
İlk olarak html ile başlayalım ve bir div oluşturalım :

<div class="divadı">
Deneme Yazı
</div>

 Evet divi oluşturduk sırada css dosyamıza geldi.

box-shadow: #000 0px 0px 8px;  
-moz-box-shadow: #000 0px 0px 8px;  
-webkit-box-shadow: #00 0px 0px 8px;

bu koduda cssmize eklediğimiz zaman nesne aşağıdaki gibi gözükecektir.

Gördüğünüz gibi nesnenin her kenarında 8px'lik gölge efeği bulunuyor.Şimdi daha iyi anlamanız için sizlere kod yapısından bahsetmek istiyorum.

box-shadow: #000 0px 0px 8px;
box-shadow: renk | sol sağ | Yukarı Alt | Gölge Derinliği;

Kod yapısı bu şekildedir.Gelecek derste Css3 ile metinlere gölge vermeyi anlatacağım.