Sample animation test

gistfile1.html

<style type="text/css">
img:hover {
    -webkit-animation-name: tp1;
    -webkit-animation-duration: 1.9555s;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
}
img {
    display: block;
}
p span {
    font-weight: bold;
}
@-webkit-keyframes tp1{
    0%{-webkit-transform:translate(-2px, 0px)}
    10%{-webkit-transform:translate(-2px, 0px) rotate(-1deg)}
    20%{-webkit-transform:translate(-5px, -5px) rotate(-3deg)}
    30%{-webkit-transform:translate(-8px, 2px) rotate(-3deg)}
    40%{-webkit-transform:translate(-5px, -5px) rotate(-1deg)}
    60%{-webkit-transform:translate(-2px, 0px) rotate(1deg)}
    70%{-webkit-transform:translate(5px, -5px) rotate(3deg)}
    80%{-webkit-transform:translate(8px, 2px) rotate(3deg)}
    90%{-webkit-transform:translate(5px, -5px) rotate(1deg)}
    100%{-webkit-transform:translate(-2px, 0px)}
}
</style>
<img src="http://www.google.com.hk/images/srpr/logo3w.png" />
<p><span>Test</span></p>