說明

  • 網頁專案有動畫需求,找到了這個,將所有用法做了整理。
  • 不錯用的動畫套件,用法也很直覺,但有點肥。

HTML

<div id="element1">FadeIn</div>

JS

var animation = new ej.base.Animation({ duration: 3000 });
animation.animate('#element1', { name: 'FadeIn' });

CodePen

See the Pen EJ2 Animation by Mike Chen (@mikechen2017) on CodePen.

參考

EJ2 Animation