求问大神！CSS3 animation能否实现图片轮询？
想了一下原理上应该是可以用CSS3实现图片轮询效果的，但试了一下代码貌似不行，求问大神是神马问题呢？多谢多谢！使用的是firefox。<!DOCTYPE=html><ht...
想了一下原理上应该是可以用CSS3实现图片轮询效果的，但试了一下代码貌似不行，求问大神是神马问题呢？多谢多谢！使用的是firefox。
<!DOCTYPE=html>
<html>
<head>
<style>
#slide_pic
{
animation:slide 6s;
animation-iteration-count: infinite;
margin-top:100px;
width:300px;
height:150px;
background-size:100% 100%;
background-image:url(images/test.png);
}
@keyframes slide
{
0% {background-image:url(images/test.png);}
50% {background-image:url(images/test1.png);}
100% {background-image:url(images/test2.png);}
}
</style>
</head>
<body>
<div id="slide_pic"></div>
</body>
</html> 展开
<!DOCTYPE=html>
<html>
<head>
<style>
#slide_pic
{
animation:slide 6s;
animation-iteration-count: infinite;
margin-top:100px;
width:300px;
height:150px;
background-size:100% 100%;
background-image:url(images/test.png);
}
@keyframes slide
{
0% {background-image:url(images/test.png);}
50% {background-image:url(images/test1.png);}
100% {background-image:url(images/test2.png);}
}
</style>
</head>
<body>
<div id="slide_pic"></div>
</body>
</html> 展开
1个回答
展开全部
我觉得应该不可以，就算可以兼容性也不行。毕竟CSS是做样式不是做效果的。
推荐用JS或者JQ做。我都是用这两样做效果的。你可以上网查查
推荐用JS或者JQ做。我都是用这两样做效果的。你可以上网查查
追问
我试过用CSS3做换矩形颜色的动画，可以实现，就是很奇怪为什么矩形颜色用图片就不行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
