两行代码，让你的列表动起来，CSS轮播动画

1、首先我们要在css中定义一个动画

@keyframes move {
  0% {
  }
  100% {
    transform: translateY(-50%);
  }
}

这段代码是让某个元素沿着Y轴0处向上移动自身一半高度

2、然后给需要移动的元素添加animation属性

.box {
	animation: move 20s linear infinite;
}

给元素添加我们定义的move动画，这个动画持续20s，匀速运动，无限循环

3、现在试试是不是元素动起来了！！！但是，好像不太对，下面会空白一半！！！

这里可以用js拿到数据，直接克隆一份并push到原来的数组就可以，或者创建一个新数组 var Arr = [ …oldArr, …oldArr ]，把新数组渲染到界面就好了

简单来说就是把原数据拿出来一份拼接到屁股下边去，这样看起来就是很顺滑的滚动啦