纯CSS实现图片轮播效果

*{保证金：0；填充：0；文本装饰：无；}ul{列表样式：无；}ulli{宽度：400px；高度：200px；}#container{位置：相对；宽度：400px；高度：200px；overflow:hidden;/*隐藏溢出的图片*/}.pic{width:1600px;/*4张图片的宽度*/position:absolute;/*根据父容器定位*/left:0;动画名称：旋转木马；动画持续时间：12s；animation-iteration-count:infinite;/*//动画调用可以简写*/}@keyframescarousel{0%,30%{left:0;}35%,65%{左：-400px；}70%,99%{左：-800px；}100%{左：-1200px；}}.picli{浮动：左；背景：#5dd94e;}.picliimg{宽度：400px;高度：200px;}