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