<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..
最佳答案
Firefox 不支持动画background-image。
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties
关于html - CSS 动画在 Firefox 关键帧中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31970325/