Untuk memasang efek zoom pada gambar,sebagai contoh gambar diatas(gerakkan cursor kebahagian gambar zoom diatas),caranya amatlah senang.
1)Log in ke blogger,dashboard>design>Edit HTML
2) Tekan kekunci F3 atau Ctrl+F. Seterusnya taip atau paste kod
]]></b:skin> pada ruang Find dan kemudian tekan Enter
3)Masukkan kod dibawah ini sebelum ]]></b:skin>
.post img {
filter:alpha(opacity=60); /* Internet Explorer */
opacity:0.6; /* standard CSS3 */
-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.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
}
4)Klik preview,dan jika tiada error,klik save dan lihat hasilnya
Tidak ada komentar:
Posting Komentar