CSS 动画适用于 Chrome 上的 JSFiddle,但不适用于本地主机上的 Chrome

标签 css google-chrome firefox css-animations

真是奇怪的问题。

当我从这个 JSFiddle 复制粘贴代码时:http://jsfiddle.net/timrpeterson/4FMyA/26/在我的本地主机服务器上,火焰四处移动的动画在 Firefox 上有效,但在 Chrome 上无效。此外,JSFiddle 在 Chrome 上为火焰设置动画。

我在本地主机上的 Chrome 上遇到的错误是无效的属性值

有人有什么想法吗?

enter image description here

最佳答案

一些浏览器需要添加prefixfree.min.js 来运行css3 动画的前缀。你动画工作

例如

-webkit- /* for chorme */
-moz- /* for mozilla */
-o- /* opera */

例如

-webkit-animation-delay:0s;
   -moz-animation-delay:0s;
     -o-animation-delay:0s;
        animation-delay:0s;

这个插件生成前缀

关于CSS 动画适用于 Chrome 上的 JSFiddle,但不适用于本地主机上的 Chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26573181/

相关文章:

javascript - 用于检查 JavaScript 语法的 Firefox 附加工具?

css - Firebug 中查找导致类名冲突的CSS 文件的方法是什么?

html - html(css)中图像拼贴上方的容器

javascript - 用户触发的 'click'事件回调的执行与编程触发的有什么区别?

javascript - disqus 不适用于 Chrome 中的 https 页面。有什么解决办法吗?

javascript - 如何跨浏览器使用 relatedTarget?

html - Firefox 中的颗粒状按钮变换

redirect - 如何强制网站留在框架中?

html - flex-shrink 仅将最宽的部分缩小到一定百分比,然后同样缩小

php - 不同分辨率的响应式 LI 和 UL 未正确对齐