animation

/** CSS **/
#content-views { position:relative; }
.ng-enter, .ng-leave
{
  width:100%;
  position:absolute;
}
.ng-enter
{
  -webkit-animation:zoomInDown 1.2s both ease-in;
  -moz-animation:zoomInDown 1.2s both ease-in;
  animation:zoomInDown 1.2s both ease-in;
}
.ng-leave
{
  -webkit-animation:zoomOutDown 0.5s both ease-in;
  -moz-animation:zoomOutDown 0.5s both ease-in;
  animation:zoomOutDown 0.5s both ease-in;
}


//index.html
//Dependencies
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-animate.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css">
//Router
<div id="content-views">
    <div ng-view></div>
</div>
//Library
https://daneden.github.io/animate.css/