CSS3 左右循环滚动代码

.goods-list-box .wrap .jt{
position: absolute; 
right: 10rpx; 
top: 150rpx; 
width: 40rpx;
height: 40rpx;

			/* perspective: 1000px; */
			/* 将平面图形转换为立体图形 */
			/*transform-style: preserve-3d;*/
			/* transform: rotateY(20deg) rotateX(150deg); */
                        /* 动画名称 动画时长 延时时间 匀速 无限循环 逆播 */ 

			animation: changes 0.8s 0.2s linear infinite alternate;
		}
                                /*动画集名称*/
		@keyframes changes {
			from {
				transform: translateX(-10rpx); 
			}
			to {
				transform: translateX(-20rpx); 
			}
		}