angular animate

angular animate 有3種：1，css transition. 2,css keyframe. 3,javascript 用jquery的animate方法；

1,2 兩種是純粹css的，3是JS方法，可使用外部庫，好比Jquery。假如要在IE8下使用的話，估計只能使用JS的方法；

ag的animate觸發是靠ag的事件來觸發綁定在須要動畫元素上的cssClass。

純CSS的動畫的階段有2個階段:正向和反向（理解爲：從隱藏到顯示爲正向，顯示到隱藏爲反向）。

舉個栗子，

正向：

階段1，opacity：0； ng-enter

階段2：opacity：1； nt-enter-active

反向：

階段1：opacity：1；ng-leave

階段2：opacity：0；ng-leave-active;

以上就是通常的動畫寫法；

可是directive的動畫寫法都一點點不一樣。

好比ng-show、ng-hide事件：當綁定了ng-show和hide事件元素在進行顯示和隱藏的時候讀取cssClass屬性，而後再css文件中找到寫有

.cssClass.ng-hide的屬性和.cssClass中的屬性。動畫的事件依據寫在cssClass中的transition來決定。