CSS3动画反弹效果：百分比和像素的组合

Question

如果我将“from”值作为百分比和“to”值（以像素为单位），则“反弹动画不能按预期工作。”

请在此处查看代码：http://jsfiddle.net/xJ4xy/

可能是什么解决方案？ （我尽量不使用javascript）

 <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>             

Answer 1

将位置：相对提供给page-1课程。然后两者都一样。写得像这样：

  

。第-1 {       位置：相对; }

选中此http://jsfiddle.net/xJ4xy/1/