CSS动画在Firefox中不起作用？

雷尼（Renish Khunt）

你好朋友，这是我的CSS代码。

.create_animation{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url("animation/background.jpg"),url("animation/background.jpg");
    background-size: 100px 100px,100% 100%;
    background-repeat: no-repeat,repeat;
    animation: myfirst 5s 2s forwards;
    -moz-animation: myfirst 5s 2s forwards;
    -webkit-animation: myfirst 5s 2s forwards;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
}


@-moz-keyframes myfirst
{
0%   { -moz-opacity: 0.8; -moz-background-size: 100px 100px,100% 100%;}
25%  { -moz-background: url("animation/vahan1.png"), url("animation/background_girl.jpg"); -moz-background-position: 20px 90px, 0px 0px; -moz-background-repeat: no-repeat,no-repeat; -moz-background-size:  100px 100px,100% 100%;}
50%  { -moz-background: url("animation/vahan1.png"), url("animation/background_girl.jpg"); -moz-background-position: 40px 90px, 0px 0px; -moz-background-repeat: no-repeat,no-repeat; -moz-background-size:  100px 100px,100% 100%;}
100% { -moz-background: url("animation/vahan1.png"), url("animation/background_girl.jpg"); -moz-background-position: 60px 90px, 0px 0px; -moz-background-repeat: no-repeat,no-repeat; -moz-background-size:  100px 100px,100% 100%;}
}

此代码不适用于只能使用chrome的firefox。

芜菁

background-image在Firefox中无法设置动画。在这里检查规格

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。