css动画从左到右滚动的光点

先看效果：
这个小点是从左往右运动的，也非常简单，一开始绝对定位到x方向看不到，然后在生命周期函数里面定时器500毫秒，行内样式改变left的值，运动到有点看不到的位置。当然后需要有个transition才能看到动画效果

代码：

 <!-- 亮点 -->
<span class="lightDot" ref="lightDot" :style="{left:leftPlace,transition:`left ${time}s ease-in-out`}"></span>

data(){
	return {
		leftPlace:'-5%'
	}
},
created () {
    setTimeout(()=>{
      this.leftPlace = '110%'
    },500)
  }