hai sobat,,, kli nie z mau share ni cara membuat efek zoom pada gambar saat dilalui oleh cursor, simak yuk
Penting : Untuk berjaga-jaga blog
anda akan kacau ketika menerapkan tips Membuat Efek Zoom pada Gambar di blog
ini maka saya mewajibkan anda untuk memback up data template anda terlebih
dahulu.
Baiklah berikut tipsnya :
- Login ke blogger.com
- Lalu klik Tata Letak/Rancangan/Design ( tergantung setting bahasa blogspot anda
- Klik Edit HTML, jangan lupa centang pada bagian Expand Template Widget.
- Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F untuk lebih mudah mencarinya.
- Jika anda sudah menemukannya, masukkan kode CSS berikut ini tepat di atas kode tadi ( tolong simpan dulu di notepad ) Jangan langsung dipaste ke posting blog anda
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
- Simpan Template anda. Sekarang coba lihat perubahannya.
sekian^_^
1 komentar:
wew... mantap. Saya sudah coba membuat efek zoom pada gambar dan berhasil. tengkiyu...
Posting Komentar