Question

<html>
<head>
<title>CHK</title>
<style>
@keyframes a1
{
00% {background-color:red;}
20% {background-image:url(1.jpg);}
50% {background-color:orange;}
70% {background-color:silver;}
98% {background-color:blue;}
100% {background-color:red;}
}
#ida
{
width:200px;
height:200px;
animation-name:a1;
animation-duration:8s;
animation-iteration-count: infinite;
}
</style>
</head>
<body>
<div id="ida">
</div>
</body>
</html>

我正在使用关键帧这在Chrome中运行良好但在firefox中我使用的图像没有显示idk是什么原因....请看看thx ..

Answer 1

Firefox不支持动画background-image。

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties

CSS动画无法在firefox关键帧中运行

1 个答案: