html hover image effects

"html hover image effects" dimaksud disini adalah html hover image effects pada halaman posting.
Terkadang untuk melengkapi sebuah posting pada blog kita diharuskan menambahkan image / gambar agar image // gambar jadi lebih keren.
Pada posting kali ini cara edit blog mencoba membuat sebuah posting tentang cara menambahkan efek hover. Efek hover pada posting ini adalah jika image/gambar disentuh dengan kursor atau jika kursor kita arahkan pada posisi gambar, maka gambar akan membesar secara otomatis.

Tanpa panjang cerita mari kita mulai "cara membuat efek hover pada gambar" dalam posting :
- Login ke blogger pastinya
- Template > Edit html
- Cari kode

]]></b:skin>

- Tambahkan kode berikut diatasnya :

.post img:hover {
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
-webkit-transform: scale(1.4); }

- Simpan template