Easy transition for Angular Ui-router.

##Documentation

Documentation site

###Install with Bower

bower install lumx-transition

##Usage

1. Include lxTransition as a dependency in your Angular app.

   angular.module('app', ['lxTransition'])

2. Include the supplied CSS file.

3. Declare the page transitions to use on the ui-view element, including lx-transition:

   <div ui-view class="page-transition lx-transition"></div>

4. Define the lumx options in your state:

       $stateProvider.state("yourState", {
           url: "/",
           templateUrl: 'yourstate.html',
           controller: 'YourStateCtrl',
           lumx: {
               enter: {
                   options: {
                       duration: 500,
                       easing: 'easeInOutCirc',
                       classes: 'lx-transition--scale-up'
                   }
               },
               leave: {
                   options: {
                       duration: 500,
                       easing: 'easeInOutCirc',
                       classes: 'lx-transition--scale-down'
                   }
               }
           }
       });