CSS3 Box-shadow kullanımı

Ön izleme :



Css "box-shadow" ile divlerinize gölge verebiliriz. Kodun nasıl çalıştığına ve nasıl kullanıldığına gelecek olursak hemen bir örnek yapalım..

CSS Kodu :

#golge { 
   width:300px;
   background:#0099FF;
   box-shadow: 5px 5px 5px #000;
   -webkit-box-shadow: 5px 5px 5px #000;
   -moz-box-shadow: 5px 5px 5px #000;
   font-family:Arial, Helvetica, sans-serif;
   font-size:20px;
   padding:10px;
   }
#golge:hover { background:#FFFFFF;} /** isteğinize göre değişir **/

HTML Kodu :

<div id="golge">
webilgibankasi.blogspot.com<br />
CSS3 gölgeli kutu Yapımı
</div>