1 Yorum Uzerine Gelince Asagi Kayan Resim

Merhaba arkadaşlar bugün sizleri yep yeni bir kod ile karşılayacağım.Bu kodu eski sitemdeyken çalıştığım arşivden buldum.Kodu birazcık düzenledim filan sizlere paylaşmak istedim.Arkadaşlar bu kod sitenizdeki ziyaretcinin dikkatini çekecektir.Sitenize çok büyük bir katkı sağlayacaktır.Lafı fazla uzatmadan koda geçiyorum.

Demo

Kod

<!-- http://www.zamaneblog.org/ -->
<!-- Kod Paylasim Merkezi -->
<div class="zamaneresim">
 </div>
<style type="text/css">
.zamaneresim{
border:5px solid #000;
background-image:url(http://i.hizliresim.com/nP7QAV.jpg);
height:70px;
width:648px;
margin:12px auto;
-webkit-transition: height .8s;
-moz-transition: height .8s;
-o-transition: height .8s;
transition: height .8s}
.zamaneresim:hover{height:500px}
</style><div class="ust10 animated fadeInLeftBig" id="ortala">
 </div>
<!-- Kod Paylasim Merkezi -->
<!-- http://www.zamaneblog.org/ -->

Kod içerisinde http://i.hizliresim.com/nP7QAV.jpg linkini değiştirerek açılacak olan resimi değiştirmiş olursunuz.