微信咨询

微信咨询

13610*910*9

服务热线 7*24小时

电话咨询

CSS3 左右循环滚动代码

iamdu2021-04-08 22:22:00 浏览: 523935
.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); 
			}
		}