【问题标题】:KeyFrame animation works in Chrome but not Firefox关键帧动画在 Chrome 中有效,但在 Firefox 中无效
【发布时间】:2013-09-06 18:58:37
【问题描述】:

我有一个动画,它在选项面板的一侧滑入li 元素。在 Chrome 中这工作正常,但它只是在 Firefox 中没有动画。我已经设置了 W3C CSS 声明以及一些 -moz 特定的声明,但无济于事

我已经设置a fiddle here进行演示

【问题讨论】:

  • 我没有看到任何事情发生,但没关系。问题是为什么只有 "@-webkit-keyframes" ? “@-moz-keyframes”、“@keyframes”在哪里?您只针对 webkit...
  • @drip jesus 就是这样!!我忙于检查 CSS 属性,我完全忽略了这一点!请张贴作为答案。谢谢

标签: css animation css-animations


【解决方案1】:

您应该为所有浏览器添加前缀,而不仅仅是 webkit。 :)

你错过了:

@-moz-keyframes //Firefox
@keyframes //MS
@-o-keyframes //Opera (not Opera Next)

【讨论】:

    猜你喜欢
    • 2021-07-25
    • 2021-12-22
    • 2011-12-12
    • 2021-10-29
    • 2013-08-27
    • 1970-01-01
    • 2016-02-19
    • 2022-01-23
    • 1970-01-01
    相关资源
    最近更新 更多