「from」の値をパーセントで、「to」の値をピクセルで指定すると、「バウンスアニメーション」が意図したとおりに機能しません。
ここでコードを確認してください:http://jsfiddle.net/xJ4xy/
解決策は何でしょうか?(私はjavascript afapを使用しないようにしています)
<style type="text/css">
@-webkit-keyframes A123 {
0% {
top:190px; /* from 190px to 20% doesn't work */
top: 90%;/* this works */
}
100% {
top:20%;
}
}
</style>