css3动画 css3轮播图 css3循环滚动图片

.box{
	 animation: fly 1s steps(5) infinite;//背景可以平均分成几份
     background-image: url(https://static.hdslb.com/bl2se/images/rocket_frame.png);
     width: 150px;//背景图长度 除一个数  /5
     height: 175px;
}
 @keyframes fly {
		       0%{
		            background-position: 0 0;
		        }
		        100%{
		            background-position: -750px 0;//背景图的长度
		        }
		    }