css3循环，模拟拼多多动画效果

模拟拼多多动画效果，最终效果图如下： 我们看一下实现过程。 主框架是vue开发，做成了一个动画组件，因为涉及到多个页面引用，最主要的实现是css3语法实现过程，并且要做到循环播放。 左边出来动画时间是0.5秒，停留3秒往上走，然后动画时间0.5秒，停留3秒后然后消失，消失动画时间0.5秒，总共的时间消耗是7.5秒。可以得到以下计算比例 0/7.5 = 0% 0.5/7.5 = 6.66% 3.5/

>>阅读原文<<