Fatal编程技术网
  • javascript/
  • 如何停止没有javascript的CSS动画

如何停止没有javascript的CSS动画

javascript animation css

如何停止没有javascript的CSS动画,javascript,animation,css,transition,Javascript,Animation,Css,Transition,。我想要的是当盒子到达它的末端位置时停止它。我知道有一个过渡功能也可用，但似乎不工作。是否所有类型的动画功能也可用于转换？我正在实际工作中使用旋转功能。只需将动画迭代计数设置为1即可。infinite的值会导致动画无限重复。并记住按照动画之后的方式设置对象的样式（top:200px；） 我已经更新了小提琴： MDN提供了更多信息：从动画中移除无限：mymove infinite并将最终位置设置为top:200px 你能帮我做这个吗。它是旋转的。可以用同样的方法吗？当然可以！您只需应用变换：旋转（

。我想要的是当盒子到达它的末端位置时停止它。我知道有一个过渡功能也可用，但似乎不工作。是否所有类型的动画功能也可用于转换？我正在实际工作中使用旋转功能。

只需将
动画迭代计数设置为1即可。
infinite
的值会导致动画无限重复。并记住按照动画之后的方式设置对象的样式（
top:200px；
）

我已经更新了小提琴：


MDN提供了更多信息：
从
动画中移除无限：mymove infinite
并将最终位置设置为top:200px
 你能帮我做这个吗。它是旋转的。可以用同样的方法吗？当然可以！您只需应用
变换：旋转（180度）到指针-否则动画工作正常，但完成后原始状态将恢复。此
@-webkit关键帧旋转{-webkit变换：旋转（180度）；}
无效。我还在做。你不需要编辑动画，那部分很好。您需要将其添加到css文件中
#needle
的样式中，例如在
#needle{
之后。