CSS3 Dersleri 4 box-shadow Kutuları Gölgelendirme

CSS3 ile birlikte gelen ve kutuya gölge verme için kullanılan box-shadow özelliği ve kullanımı ile ilgili bilgi vermeye çalışacağım.
Hemen örneğimize geçerek uygulamalı şekilde box-shadow özelliğimizi inceleyelim.
Kodların Ön İzlemesine Buradan Bakabilirsiniz
Basit bir gölge vermek için box-shadow özelliğine yatay gölge(10px) ve dikey gölge(10px) boyutu belirterek verebiliriz.
.golgelendirme{ box-shadow: 10px 10px; }
Oluşturduğumuz gölgeye renk verebiliriz.
.renklendirme{ box-shadow: 10px 10px green; }
Oluşturduğumuz ve renk verdiğimiz gölgeyi flu yapabilirsiniz.
.flulastirma { box-shadow: 10px 10px 5px green; }