Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Nah itulah yang saat ini
Om Jin akan bagikan, dengan efek gambar berputar membesar maka blog tersebut akan Tampil lebih keren ketimbang yang biasa, Sobat mau tahu Contohnya bisa arahkan Cursor Sobat di salah satu postingan di sini :D Mau tahu caranya toh, ok langsung saja karena lagi malas bicara panjang lebar kesana kemari tpi ndak tahu arah mana yang di tuju :D,
Berikut
Cara Membuat Gambar Berputar Membesar Saat Di Sorot Mause di blog:
- Pertama Seperti biasa Login Ke Blogger
- Pilih Template -> Edit HTML
- Cari Kode ]]></b:skin> Tekan Ctrl+F untuk mempermudah pencarian
- Copy dan pastekan Kode berikut tepat di atas Kode ]]></b:skin>
.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
- Klik Simpan atau Save dan lihat hasilnya
Sekian postingan kali tentang
Membuat Gambar Berputar Membesar Saat Di Sorot Mause ini semoga bermanfaat, jangan lupa silahkan baca juga tutorialnya yang lain di bawah ini.
Title : Membuat Gambar Berputar Membesar Saat Di Sorot Mause
Description : Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Nah itulah yang saat ini Om Jin akan bagikan, ...
Related Posts :
