ng-trans.css - plug-and-play transition for AngularJS

About

ng-trans.css let you easily add transitions for AngularJS(1.2+) with ngAnimate.

ng-trans.css works with directives include ngRepeat, ngInclude, ngIf, ngView, ngShow and ngHide.

Read the README on github for documentation.

Download

Bower	`bower install ng-trans-css`
File	ng-trans.css or ng-trans.min.css

Demo

Select a trasition.

fade

fade-left
fade-up
fade-right
fade-down

slide-left
slide-up
slide-right
slide-down

scale-up
scale-down
flip-x
flip-y

The code


  <ul>
    <li class="ng-trans ng-trans-{{transType}}" ng-repeat="item in data">{{ item }}</li>
  </ul>

↻

-