Jumat, 10 Januari 2014

Cara membuat effect zoom otomatis pada postingan blogspot



Effect zoom secara otomatis di blogspot saat mouse menyentuh gambar pastingan kita.

langsung aja ya.... masuk pada dashbore blogspot sobat dan masuk pada edit HTML kemudian cari kode ini : ]]></b:skin> 
Kemudian copy paste kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin> tadi.

.post img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}
.post img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

semoga bermanfaat ^_^

Tidak ada komentar:

Posting Komentar