如何在纯html / css中交换图像制作横幅?

时间:2013-11-02 18:46:47

标签: html css css3

我正在尝试做一个横幅图像,每隔5秒就会无限次交换到另一个图像,每个图像之间有一个溶解过渡(集合中有4个图像)..仅使用css

 <div>
 <img src="img1.jpg">
 <img src="img2.jpg">
 <img src="img3.jpg">
 <img src="img4.jpg">
 </div>

我应该单独为每个图像制作一个动画,还是使用延迟属性,我一直在尝试,但似乎没有什么能达到我想要的完美。

1 个答案:

答案 0 :(得分:0)

您可以使用图像编辑器(例如Photoshop或GIMP)将所有图像放在一行中 这个问题是你不能将每个图像分别放到一个单独的网页上(除非你想要更多的代码,否则你可能会这样) 永远重复图像将无法在HTML中使用。

查看此页面并告诉我您的想法:http://designshack.net/articles/css/infinitephotobanner/

如果您认为此答案或任何其他答案以最佳方式回答您的问题,请点击左侧的勾号(我猜您已经知道了)

EDIT 这是滚动图像,看看aldanux给你的链接,如果你不想滚动:http://css3.bradshawenterprises.com/cfimg/