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