css - 关键帧动画在 Chrome 中有效,但在 Firefox 中无效

标签 css animation css-animations

我有一个在选项面板侧面的 li 元素中滑动的动画。在 Chrome 中,这工作得很好,但在 Firefox 中却没有动画效果。我已经设置了 W3C CSS 声明以及一些 -moz 特定声明,但没有效果

我已经设置了a fiddle here展示

最佳答案

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

你错过了:

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

关于css - 关键帧动画在 Chrome 中有效,但在 Firefox 中无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18655294/

相关文章:

CSS背景图片动画变成空白

html - CSS 背景图像淡化为白色

html - 响应式网站的内容低于固定标题

html - 响应式网页

javascript - 无法将 div 动画两次移动到所需位置

javascript - 如何使用 JavaScript 为加载 CSS 的 SVG 背景设置动画

objective-c - 如何使用 block 动画使 UINavigationBar 中的 UISearchBar 仅调整左边距的大小?

css - 如何使用关键帧上下移动图像

html - 为什么我的 CSS 动画在 Safari 中不起作用?

css - 是什么导致这种力量在 Bootstrap 下拉菜单中留下格式?