Sentuhan css 3 dan jquery menampilkan image random jika cursor melewati, this code
<style type="text/css">.kodokloncat{float:center; margin:0px; autowidth:0px; autoheight:0px; autoborder:none; overflow:hidden}.details{width:200px; height:300px; background:#000; color:#fff; text-align:center} #kodok-3{position:relative;}#kodok-3 img{opacity:1-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;}#kodok-3 .details{position:absolute;top:0;left:0;opacity: 0;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;}#kodok-3 .details:hover{opacity: .9;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;}</style><div class="kodokloncat" id="kodok-3"><img src="http://masukan-url-gambar" height="200" width="200" /><div class="details"><img height="200" src="http://masukan-url-gambar" width="200" /></div></div>Ket : pada codenya ukuran gambar 200px X 200px dapat di ubah sesuai ukuran gambar yang anda gunakan.


Jump To