Cara memberi efek zoom pada gambar di blog

Cara memberi efek zoom pada gambar --Ketika sebuah gambar disorot dengan mouse atau kursor mouse diarahkan ke gambar tersebut maka gambar tersebut memberi efek zoom sehingga menjadi lebih besar.

Efek zoom ini banyak beredar di internet hanya saja saya ingin mengulas lebih rinci cara memberi efek zoom pada gambar tersebut, sehingga mudah dipahami oleh user yang baru belajar sekalipun.

Cara memberi efek zoom pada gambar

1. Login ke dasbor blog
2. Masuk ke menu rancangan --> Edit HTML
3. Letakkan kode berikut diatas ]]></b:skin>

.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. Save

Demikian cara memberi efek zoom pada gambar,semoga bermanfaat