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来决定。