wordpress de ana sayfadaki resimlere gölge vermek istiyorum normalde çalışan kod
wp de çalışmıyor.
wpye eklenen resim
http://i49.tinypic.com/2efi9f7.png
buda aynı kodların harici html dosyasındaki hali
http://i48.tinypic.com/350a0zc.png
css kod:
html cod:
sorun neden kaynaklanıyor olabilir?
wp de çalışmıyor.
wpye eklenen resim
http://i49.tinypic.com/2efi9f7.png
buda aynı kodların harici html dosyasındaki hali
http://i48.tinypic.com/350a0zc.png
css kod:
Kod:
.drop-shadow {
position:relative;
background-color: fff;
}
.drop-shadow:before,
.drop-shadow:after {
content:"";
position:absolute;
z-index:-1;
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.drop-shadow:after{
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
html cod:
Kod:
<a href="#"><span class="drop-shadow"><img src="hebele.jpg" width="290" height="210" /></span></a>
sorun neden kaynaklanıyor olabilir?