Selamat Berjumpa lagi Gan,Kali ini saya ingin memposting artikel tutorial tips Cara membuat Efek Gambar Mambesar dan Berputar,Apa itu? Gini nih, jadi, gambar pada blog sobat khususnya gambar pada bagian postingan akan berubah menjadi besar dan berputar ketika ada mouse lewat diatasnya.
Seperti apa? contoh nya ada pada blog ini. gan Coba saja buka salah satu postingan pada blog ini yang ada gambarnya, kemudian dekatkan mouse di atasnya, pasti tuh gambar akan membesar. Begitulah kira-kira penjelasan singkatnya.
Cara membuatnya seperti ini :
Untuk membuat efek gambar membesar dan berputar ketika disorot mouse,
1. login dulu ke akun blogger milik sobat.
2.klik menu Rancangan » Edit HTML.
3.Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya.
4.cari kode berikut ]]></b:skin>
5.letakkan kode berikut tepat di atasnya.
.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
.post .post-body img:hover{-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}
Sampai di sini cara membuat efek gambar membesar dan berputar ketika disorot mouse ya Gan..slamat mencoba
Terima Kasih Sobat alls well Atas Kunjungannya di Blog Sederhana Ini, Semoga Selalu Menginspirasi dan Bermanfaat Bagi Dunia Pendidikan Di Tanah Air Tercinta Indonesia.SALAM PENDIDIKAN
WARNING..!! Etika BERKOMENTAR di Blog all's well :
a. Gunakanlah Perkataan yang Baik, Ramah dan Sopan
b. Komentar SPAM akan all's well HAPUS setelah direview
c. Komentar NEGATIF & RASIS akan Segera di HAPUS
d. Dilarang Menambahkan "LINK AKTIF" dalam Komentar
Note: "ANDA SOPAN KAMI PUN SEGAN" (all's well) ConversionConversion EmoticonEmoticon