My nganimate for ngview

nganimate.css

.view-animate {
    padding:10px;
  }

 .view-animate.ng-enter, .view-animate.ng-leave {
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
  }

  .view-animate.ng-enter {
    opacity: 0;
    top: -50px;
    height: 0px;
  }
  .view-animate.ng-leave{
      opacity: 1;
    top: 0;
    height: 30px;
  }
  .view-animate.ng-enter.ng-enter-active {
    opacity: 1;
    top: 0;
    height: 30px;
  }
 .view-animate.ng-leave.ng-leave-active {
    opacity: 0;
    top: -50px;
    height: 0px;
  }

Copied mainly from (now modified plunker) http://plnkr.co/edit/ngdoc:example-ngView-directive@snapshot?p=preview

but effect is good