Efek Goyang saat Image Hover

efek goyang pada image hover

Hai semua ^^ Chiaki mau ngepost tutorial tentang efek goyang saat Image Hover .. langsung aja ya minna >< oia, ini cuma buat denim dan simple template okey :D

1. Login ke Blogger
2. Dashboard > Pilih Template
3. Pilih Edit HTML , jangan lupa expand widget template
4. Cari kode ini
]]></b:skin>
5. Copy dan Paste kode dibawah ini SEBELUM kode no 4
.post img{
transition: transform .7s ease-in;
-moz-transition: -moz-transform .7s ease-in;
-o-transition: -o-transform .7s ease-in;
-webkit-transition: -webkit-transform .7s ease-in;
}
.post img:hover{
transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
6. Save
okee, semoga bermanfaat ^^
Terima Kasih Sudah Membaca , Tinggalkan Komentar juga ya ^^


6 comments:

  1. wahh keren nih gambarnya bkin pusing ga ?

    ReplyDelete
  2. Replies
    1. maksudnya gini loh.. kalo kita arahin kursornya ke gambar, gambarnya akn goyang.. hehe ;)

      Delete
  3. Replies
    1. harusnya sama ^^ asal bukan blogskin ^^

      Delete

 
Related Posts Plugin for WordPress, Blogger...