Cara membuat efek zoom otomatis pada gambar posting blog

Sedikit Info Seputar Cara membuat efek zoom otomatis pada gambar posting blog Terbaru 2017 - Hay gaes kali ini team Android Apps For Free, kali ini akan membahas artikel dengan judul Cara membuat efek zoom otomatis pada gambar posting blog, kami selaku Team Android Apps For Free telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Android Apps For Free. semoga isi postingan tentang Artikel Web, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Cara membuat efek zoom otomatis pada gambar posting blog Terbaru
link: Cara membuat efek zoom otomatis pada gambar posting blog

"jangan lupa baca juga artikel dari kami yang lain dibawah"

Berbagi Cara membuat efek zoom otomatis pada gambar posting blog Terbaru dan Terlengkap 2017

Untuk membuat blog lebih menarik kita perlu menambahkan efek-efek khusus agar berkesan bagi para pembaca blog kita. Sekarang saya mau berbagi tips cara membuat efek zoom otomatis pada gambar postingan blog. Saat pointer mouse berada diatas gambar maka gambar akan membesar. Trik ini tidak susah cukup memasukkan kode CSS tambahan ke skin template anda.

Sekarang buka akun blogger masuk ke template > edit HTML.

Cari .post-body img diantara <b:skin> dengan </b:skin>, tekan Ctrl+F agar mudah dalam mencari.

Kemudian sisipkan kode berikut dibawah tanda kurung penutup "}" .post-body img :

.post-body img:hover {
transform: scale (2,4);
-ms-transform: scale (2,4);
-moz-transform: scale (2,4);
-webkit-transform: scale (2,4)
-o-transform: scale (2,4);
}

Penjelasan :
transform adalah properti dasar/atau dasar untuk membuat transformasi gambar berlaku untuk peramban selain Chrome, Safari, Mozilla, Opera, IE9.

-ms-transform adalah properti yang didukung oleh Internet Explorer 9.

-webkit-transfrom adalah properti yang didukung oleh peramaban Chrome dan Safari.

-moz-transform adalah properti yang didukung oleh peramban Mozilla.

-o-transform adalah properti yang didukung oleh peramban Opera.

scale (2,4) mengubah gambar dengan skala 2 kali lebar dan 4 kali tinggi dari aslinya, secara teori begitu tetapi peramban juga tetap menjaga resolusi gambar agar tetap tidak rusak.

Tidak semua template menggunakan class .post-body img bisa juga menggunakan .post img atau bisa juga yang lain tergantung pembuat template blog anda.






Itulah sedikit Artikel Cara membuat efek zoom otomatis pada gambar posting blog terbaru dari kami

Semoga artikel Cara membuat efek zoom otomatis pada gambar posting blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Android Apps For Free. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Cara membuat efek zoom otomatis pada gambar posting blog