Sebelum anda mendesign code HTML pada Blog,
Sesudah anda Arah kan Cursor ke Gambar, maka gambar akan otomatis zoom or membesar
Cara Mengubah posting zoom dalam berbentuk image/gambar pada blog sangat mudah sekali seperti pada tutorial membuat link membesar saat disentuh cursor, Cara Mengubah posting zoom dalam berbentuk image/gambar pada blog ini hanya menambahkan sebuah kode CSS yang berfungsi sebagai efek zoom atau membesar ketika cursor diletakan diatas gambar tersebut. Gambar yang membesar adalah gambar yang berada pada homepage dan halaman posting, karena kode ini khusus untuk gambar artikel atau postingan saja.
sebuah tips atau trik agar gambar pada postingan atau artikel blog bisa membesar otomatis dengan menggunakan efek zoom. Sobat Blogger semua bisa mencoba dan menerapkan tutorial Cara Mengubah posting zoom dalam berbentuk image/gambar pada blog masing-masing. Oke langsung saja lihat tutorial cara membuat efek membesar atau zoom pada gambar saat disentuh cursor dibawah ini :
.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 2px 2px 0; } .post img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); opacity: 1; }
5. Klik Simpan Template
semoga bermanfaat bagi yang mencoba Cara Mengubah posting zoom dalam berbentuk image/gambar pada blog
See u all♥
loading...
Sign up here with your email