Hade Goreng Meunang Sorangan !


close
cbox

Cara membuat efek zoom image

Ditulis ku Unknown Sabtu, 07 April 2012

Demo :
Dekatkan Cursor anda ke gambar di bawah ini !
 
 

 
Gimana ? mau pasang ?
 
Copy aja kode di bawah ini !! 
 
.post img, table.tr-caption-container {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
 
  
Tulisan 1.5 itu buat ukuran Zoomnya, 
di template blogspot .post img udah ada, tinggal sesuaikan aja.
dan ini bisa juga di pake di template web !

 
Thanks to http://p-cbn.blogspot.com

Posting Komentar

Komentar anda sangat berarti bagi saya !