我正在尝试做一个横幅图像,每隔5秒就会无限次交换到另一个图像,每个图像之间有一个溶解过渡(集合中有4个图像)..仅使用css
<div>
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
<img src="img4.jpg">
</div>
我应该单独为每个图像制作一个动画,还是使用延迟属性,我一直在尝试,但似乎没有什么能达到我想要的完美。
答案 0 :(得分:0)
您可以使用图像编辑器(例如Photoshop或GIMP)将所有图像放在一行中 这个问题是你不能将每个图像分别放到一个单独的网页上(除非你想要更多的代码,否则你可能会这样) 永远重复图像将无法在HTML中使用。
查看此页面并告诉我您的想法:http://designshack.net/articles/css/infinitephotobanner/
如果您认为此答案或任何其他答案以最佳方式回答您的问题,请点击左侧的勾号(我猜您已经知道了)
EDIT 这是滚动图像,看看aldanux给你的链接,如果你不想滚动:http://css3.bradshawenterprises.com/cfimg/