一個(gè)DOM元素正在動(dòng)畫是什么樣的呢？

一般情況下CSS不會(huì)直接影響JS的程序邏輯，但是以CSS實(shí)現(xiàn)動(dòng)畫的話，這個(gè)便不太確定了，這個(gè)故事發(fā)生在與UED遷移全局樣式的過程。

if (this.needAnimat && typeof this.animateHideAction == 'function' && this.status != 'hide') {

} else

在所有組件中，如果設(shè)置了animatHideAction回調(diào)的，便會(huì)執(zhí)行其中的動(dòng)畫邏輯，針對(duì)彈出層來說：

② loading
④ 底部彈出層
① 動(dòng)畫顯示時(shí)下沉，隱藏時(shí)上浮
③ 組件底部彈出
cm-fade-in, .cm-fade-out, .cm-down-in, .cm-down-out, .cm-up-in, .cm-up-out {

          animation-duration: 0.3s;

          animation-fill-mode: both;

......

  0% {

    -webkit-transform: scale(1);

  }

    opacity: 0;

             transform: scale(1.185); -webkit-transform: scale(1.185); -moz-transform: scale(1.185); -o-transform: scale(1.185);

}

這個(gè)時(shí)候我們要實(shí)現(xiàn)一個(gè)居中彈出層漸隱的效果事實(shí)上只需要這樣做：

第一反應(yīng)都是認(rèn)為animationEnd比較合理，于是我最近遇到了一個(gè)問題：
于是我開始愉快的定位，當(dāng)時(shí)搞了一會(huì)，發(fā)現(xiàn)loading的動(dòng)畫沒有執(zhí)行，仔細(xì)一定位，發(fā)現(xiàn)css中的動(dòng)畫相關(guān)的css丟了，于是造成的結(jié)果是：