AnimateCss

v1.3.0

AnimateCss[ngAnimate] is simple Angular Directive, which you can easily use animateCss in your Pages
Nuget Link: (AnimateCss)

Dependencies

Nuget Link: (animate.css) github Link: (animate.css)

<div ng-app="myApp" ng-controller="myCtrl">
        <label>Return Animation from your controller</label>
        <input ng-animate="{{animation}}" class="form-control text-center" />
        <label>Return Animation directly</label>
        <input ng-animate="{{'bounce'}}" class="form-control text-center" />
</div>
    angular.module("myApp", ["AnimateCss"]).controller("myCtrl", function ($scope) {
        $scope.animation = "@fadeIn";
        $scope.change = function(x) {
            $scope.animation = x;
        }
    });
  • @: infinite animation duration = unlimited