我有一个
CSS3动画,只需移动一个< div>向下(通过顶部:0px;到顶部:300px;).但我的问题是,我不知道如何防止< div>从动画结束后返回顶部.有没有办法阻止这种情况?
这是一个小提琴样本:http://jsfiddle.net/y8tJ7/
解决方法
你需要像这样反转动画.
@keyframes move { from{ top: 20px; } }
见http://jsfiddle.net/gleezer/y8tJ7/1/
这样,它的完成位置在div样式中指定,您只需在关键帧中指定开始状态.
动画填充模式:前锋.
见其他fiddle.
关于它的更多信息在Mozilla Dev Network.