Script html gambar bergerak dan goyang




Langkah 1 : Buka Blogger -> Tema.
Langkah 2Edit HTML.
Langkah 3 : Copy Kode dibawah dan Paste diatas kode ]]></b:skin>
.post-body img{
  display: inherit;
  transform-origin: center center; }
img:hover img{ animation-play-state: running; }

@keyframes img {
  20% { transform: translate(-1px, -5px) rotate(2.5deg); }
  40% { transform: translate(5px, 1px) rotate(-2.5deg); }
  60% { transform: translate(-1px, -5px) rotate(2.5deg); }
  80% { transform: translate(5px, 1px) rotate(-2.5deg); }
  0%, 100% { transform: translate(0, 0) rotate(0); } }

img:hover{
  animation-name: img;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;}

Langkah 4 : Simpan dan Lihat hasilnya.


Read More Add your Comment 0 komentar


Cari Blog Ini

 

Translate

About Me

Doedoet Arief
Lihat profil lengkapku

© 2010 Doedoet Arief All Rights Reserved Converted into Doedoet Template by Doedoet Arief