如果您在类中定义结束状态,那么它应该按照示例中的说明进行操作:
.drop_box { -webkit-transform: translateY(100px); -webkit-animation-name: drop; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1;}但是,无论如何,如果动画是事件驱动的,则最终可能不得不使用一些Javascript。最简单的方法是使添加具有结束状态的类成为触发动画开始的原因。
css3-animations-20120403/)添加的属性的信息,请参见[dino的答案



