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/

>>阅读原文<<