Membuat Gambar Membesar Ketika Disorot Mouse
Mungkin banyak diantara sobat Kolom Tutorial™ yang sering menjumpai sebuah gambar manakala disorot mouse gambar tersebut membesar, bagaimana yaa caranya.....???? Lihat
DEMO GAMBAR MEMBESAR
1. Login ke Akun Blogger Sobat
2. Klik " Template >> Edit Html "
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin>
DEMO GAMBAR MEMBESAR
1. Login ke Akun Blogger Sobat
2. Klik " Template >> Edit Html "
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin>
.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{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
5. SimpanTemplate
Ok Sekian trik kali ini semoga berhasil. salam silaturahmi Kolom Tutorial™
Saya hanyalah seorang Newbie di dunia Blogger, Aktivitas Ngeblog dilakukan hanya pada waktu senggang saja atau tidak teratur.
gan, ane coba gagal, malah ada tulisan di atasnya waktu buka blog. mohon sarannya
ReplyDelete