Social Icons

Pages

Jumat, 27 April 2012

Image Zoom Effeck Pada Posting


Kita akan sharing tentang Image Zoom Effeck Pada Posting
tanpa banyak basa n basinya kita langsung aja ke caranya
Log in blog anda >> Dasbor>> rancangan>>templet>> cari kode ]]></b:skin>
>>lalu letakan kode di bawah ini di atas code ]]></b:skin>



.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);
}
 
 angka yang berwarna merah itu adalah skalanya Zoom'a yang akan dihasilkan 
ini hasilnya  :D
 
 

Tidak ada komentar:

Posting Komentar