angular的动画，nganimate

https://docs.angularjs.org/api/ngAnimate，白话顺一遍 。
有几个方式来实现
1. css动画，CSS-based Animations
A。用css 的transition
例子

/* The starting CSS styles for the enter animation */
.fade.ng-enter {
  transition: opacity 0.5s linear 0s;
  opacity:0;这是动画开始属性
}

/* The finishing CSS styles for the enter animation */
.fade.ng-enter.ng-enter-active {
  opacity:1;这是动画结束属性
}

transition的设置是：http://www.htmq.com/css3/transition.shtml

第一个是要trans的属性名(opacity)，

第二个是要持续多长时间(0.5s)，

第三个是用的算法(linear)，

第四个是delay多久才执行(0s)。

B.用keyframe来实现

例子

.fade.ng-enter {

  animation: fadeIn 1s; 
}，这里的fadeIn一般用别人的，animation.css里面定义了不少keyframe。

用keyframe方法不需要实现-active来表示结束。

 CSS Staggering Animations这个好像没啥用，因为staggering指定的值，

可以用transtion的第四个值指定啊 

JavaScript-based Animations类型的，没jquery的话，自己好像比较难搞。