CSS动画适用于Chrome上的JSFiddle,但不适用于localhost上的Chrome

时间:2014-10-26 12:54:40

标签: css css3 google-chrome firefox css-animations

真是奇怪的问题。

当我将来自此JSFiddle:http://jsfiddle.net/timrpeterson/4FMyA/26/的代码复制粘贴到我的localhost服务器时,火焰四处移动的动画在Firefox上运行,但在Chrome上运行。此外,JSFiddle还可以激活Chrome上的火焰。

我在本地主机上访问Chrome的错误是invalid property value

有人有任何想法吗?

enter image description here

1 个答案:

答案 0 :(得分:2)

某些浏览器需要通过添加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;

此插件生成前缀