模拟拼多多的动画效果，最终效果图如下：来看看实现过程吧。主要框架由Vue开发，制作了一个动画组件。因为涉及到多个页面引用，所以最重要的实现是css3语法实现过程，必须循环播放。从左边出来的动画时间0.5秒，停留3秒向上，然后动画时间0.5秒，停留3秒然后消失，消失动画时间0.5秒，总耗时为7.5秒。可以得到如下计算比例：0/7.5=0%0.5/7.5=6.66%3.5/7.5=46.66%4/7.5=53.33%7/7.5=93.33%7.5/7.5=100%那么每个对应的css比例如下
模拟拼多多的动画效果，最终效果图如下：来看看实现过程吧。主要框架由Vue开发，制作了一个动画组件。因为涉及到多个页面引用，所以最重要的实现是css3语法实现过程，必须循环播放。从左边出来的动画时间0.5秒，停留3秒向上，然后动画时间0.5秒，停留3秒然后消失，消失动画时间0.5秒，总耗时为7.5秒。可以得到如下计算比例：0/7.5=0%0.5/7.5=6.66%3.5/7.5=46.66%4/7.5=53.33%7/7.5=93.33%7.5/7.5=100%那么每个对应的css比例如下