【问题标题】:Is it possible to call an specific keyframe within a CSS animation?是否可以在 CSS 动画中调用特定的关键帧?
【发布时间】:2014-04-24 15:46:10
【问题描述】:

我一直在尝试渲染 CSS 动画,但受到 JavaScript 处理的外部动态值的影响,所以现在我想知道是否有任何方法可以逐步移动 CSS 动画的关键帧。

【问题讨论】:

  • 其实很有趣的问题;特别是对于测试。 @dystroy 这将测试更基础的级别,但如果有人为其关键帧应用曲线,则外部关键帧可能会对结果值产生一些影响。
  • @dystroy 这样我就不得不手动编写动画的每个步骤。以 3d 旋转为例,使用关键帧你只需要设置第一帧和最后一帧,否则会很疯狂

标签: javascript css animation css-animations


【解决方案1】:

您可以通过setting a negative animation delay 强制动画开始

(您需要为要显示的关键帧计算适当的时间值。)

也许如果您还将动画状态设置为暂停,动画将出现在指定位置,但不会移动。不过我没试过!

【讨论】:

    猜你喜欢
    • 2021-10-07
    • 2012-06-03
    • 1970-01-01
    • 2021-12-19
    • 2017-07-25
    • 1970-01-01
    • 2019-01-30
    • 2021-12-08
    相关资源
    最近更新 更多