Kali ini kita akan membuat efek Image Tweak, dimana image/gambar akan bergerak saat di sorot atau terkena kursor.Ayo langsung ke TKP
1. Langsung aja masuk Account
Blogger Monday, 30 April 2012
Membuat Efek Image Tweak di Blog
2. Klik Template >> Edit HTML. Jangan lupa centang kotak
expand widget template.
3. Setelah itu cari kode
berikut:.
post img {
padding: 4px;
border: 0px solid $borderColor;
}
padding: 4px;
border: 0px solid $borderColor;
}
4.Agar lebih cepat tekan tombol cntl + F kemudian copy paste kode tadi
kedalam kotak pencarian.
5. Kalau sudah ketemu kode di atas, sekarang ganti kode tersebut dengan kode di bawah ini :
post img:hover {
position: relative;
top: 1px;
left: 1px;
}
Catatan :
angka 1 pada kode di atas ( top dan left) dapat anda ganti nilainya
sesuai keinginan anda. Semakin besar nilainya semakin jauh pula image
tersebut nanti akan bergeser.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment