İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

css resme gölge vermek

kroto

0
Yasakli Uye
Katılım
17 Aralık 2011
Mesajlar
46
Reaction score
0
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:
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?
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst