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
Berbagi Cara membuat efek zoom otomatis pada gambar posting blog Terbaru dan Terlengkap 2017
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.