Cara Membuat Efek Zoom Pada Gambar Di Blog Terbaru

Efek zoom pada gambar blog, WordPress, website tidak hanya akan memudahkan pengunjung untuk melihat gambar yang sangat kecil dan tidak terlihat, tetapi juga teks di dalamnya akan menjadi lebih besar dan lebih jelas, tetapi juga dapat membuat website menjadi lebih menarik. Saat kursor/pointer berada di atas gambar dalam artikel/item, efek ini dapat memperbesar gambar, kemudian gambar akan otomatis membesar tanpa mengklik manual, dan mengecil kembali ketika kursor menjauh dari kotak. Gambar. Cara setting auto measure/zoom image effect di blogspot ini juga sangat mudah bagi blogger karena tidak banyak menggunakan javascript, jquery atau php tapi cukup install/tambahkan kode css di html blog.

Kali ini saya akan menunjukkan cara membuat efek pembesar ilustratif di posting blog terbaru saya . Untuk teman-teman yang ingin memperbesar gambar blog secara otomatis saat mengarahkan kursor ke gambar, ikuti panduan langkah demi langkah lengkap dengan gambar.

Untuk secara otomatis membuat efek pembesaran foto di blog:

1. Buat efek pengubahan ukuran gambar seperti di atas dengan masuk ke menu template dan klik Edit HTML.

2. Kemudian cari kode]]> antara , gunakan Ctrl + F untuk pencarian sederhana

3. Kemudian masukkan kode berikut di bagian atas kode]]> antara :

gambar .max: arahkan {
-o transisi: setiap 0,9;
- transisi otak: setiap 0,9;
- Transmisi melalui Webkit: semua 0.9;
-moz-transform: skala(1.7);
-o-transform: skala(1.7);
-turn-webkit: tangga (1.7);
}}

Jika sudah, Anda bisa klik Save Template. Selesai dan mari kita lihat hasilnya.

Cara membuat efek zoom gambar blog dengan cepat dan mudah.

Coba lagi