Using ng-animate for animating views (fade in/out eg)

view-enter.less

// --------- LESS ------------
.view-enter.ng-enter{
  .transition(0.4s ease-in-out all);
  opacity:0;
  &.ng-enter-active{
    opacity:1;
  }
}

// ------- Samething in css -----------
.view-enter.ng-enter {
  -webkit-transition: 0.4s ease-in-out all;
  -moz-transition: 0.4s ease-in-out all;
  -o-transition: 0.4s ease-in-out all;
  transition: 0.4s ease-in-out all;
  opacity: 0;
}
.view-enter.ng-enter.ng-enter-active {
  opacity: 1;
}


// And the HTML:
// <div class="view-enter" ng-view=""></div>