Membuat Efek pada Gambar

Apabila gambar tersebut di sentuhh..maka dia akan bergerak miring. Kok bisa gitu yah? Mungkin gelii kaliiiHehEhe..

Pengin tahu caranya?

Ok! Ikutin tutorialku kali ini

1. Buka akun Blogger kalian.

2. Pilih Rancangan

3. Edit HTML

4. Centang "expand widget template"

5. Dengan menggunakan "CTRL + F" cari kode di bawah ini :

]]></b:skin>

6. Setelah itu masukkan kode di bawah ini tepat sebelum/ di atas kode yang tadi..

.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);

7. simpan template
Dan silahkan lihat hasilnyaaaa...

kalau berhasil, katakan : dan jangan lupa "Alhamdulillah yah" hhe..

Share ke yang lainn.. ingat gak boleh pelit ilmuu.., yang penting jangan lupa cantumkan sumber, okkeh? Mencopy Paste tanpa mencantumkan sumber adalah tindakan tidak bermoral

Byee..Bye..

sumber : TutorialBinaBlog

Baca Yang Ini Juga Yah?: