vue如何使用連續(xù)動畫

在這里我使用的是animejs
首先通過npm install animejs --save
然后在通過import導入 import anime from 'animejs'
在vue的methods中自定義方法
比如

go () {
        return new Promise((resolve) => {
          anime({
            targets: this.$el,
            rotateY: [0, 360],
            duration: 100,
            easing: 'easeInOutQuart',
            complete: () => {
              anime({
                targets: this.$el,
               rotateY:  [0, 120],,
                complete: () => {
                  resolve(true)
                }
              })
            }
          })
        })
      }

用法是-動畫首先執(zhí)行按y軸旋轉(zhuǎn)360度,在該動畫執(zhí)行完成之后再執(zhí)行動畫按y軸旋轉(zhuǎn)120度
使用起來很方便!!

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容