HTML 部分
<div id="img-wrap">
<img src="img/1.jpg">
<img src="img/2.jpg">
<img src="img/3.jpg">
<img src="img/4.jpg">
</div>
CSS部分
#img-wrap{
width:300px;
height:190px;
position: relative;
overflow: hidden;
}
#img-wrap img{
width:300px;
height:auto;
float:left;
position:absolute;
top:0;
left:0;
opacity: 0;// 完全透明
}
#img-wrap img:first-child{
animation:h1 8s linear 0s infinite;
-webkit-animation:h1 8s linear 0s infinite; // 自定义动画名为h1,8s完成该动画,匀速执行该动画,立即执行,循环执行动画
}
#img-wrap img:nth-child(2){
animation:h1 8s linear 2s infinite;
-webkit-animation:h1 8