下次移动后的CSS3动画延迟时间

Question

我有一个问题就是为什么css3动画完成了一次。比下一次要延迟。

http://codepen.io/anon/pen/slczH/

Answer 1

不需要您的最后一个关键帧：请使用以下内容进行操作：

@-webkit-keyframes sport{
    0%{
        -webkit-transform:  rotateY(186deg);
        -webkit-transform:  translate(10px) ;
    }
    50%{
        -webkit-transform:  translate(500px) ;
    }
    51%{
        -webkit-transform:  translate(500px) rotateY(186deg) 
    }
    100%{
        -webkit-transform:  translate(0px) rotateY(186deg) 
    } 
}

<强> Demo