#footer{
background-image:url(resim/footer.png);
background-repeat:repeat-x;
height:100px; width:986px;
margin:0 auto 15px auto;
box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.4); /* Standart */
-moz-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.4); /* Firefox */
-webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.4); /* Safari ve Chrome */
border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px; /* Firefox */
-webkit-border-radius:0 0 3px 3px; /* Safari ve Chrome */
}
Resimdeki gölge verilen kutu için;
- Sağ ve soluna opacity 0.4 olarak gölge veriyorum.
- Tasarım için en üstüne gölge vermemem gerekiyor.
- Bunun için box-shadow kodunu x kordinatında 6px aşağı indiriyorum.
- İndirdiğim zaman kutunun altında oluşan gölge sağ ve solda oluşan gölge ile aynı olmuyor!
- Yani; sağ-sol ve aşağı 'ya verdiğim gölgelerin tamamını nasıl aynı yaparım? (Üst kısımda gölge olmayacak.)