Cara Memberi Efek Pada Gambar ||Trick 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.

DEMO

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, selmat mencoba...
Happy blogging..