Skip to content

ngAnimate is simple Angular Directive, which you can easily use animateCss in your Pages

Notifications You must be signed in to change notification settings

maherAshori/AnimateCss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

AnimateCss

v1.3.0

AnimateCss[ngAnimate] is simple Angular Directive, which you can easily use animateCss in your Pages


Nuget Link: ([AnimateCss]( https://www.nuget.org/packages/AnimateCss/))
# Dependencies Nuget Link: ([animate.css]( https://www.nuget.org/packages/animate.css/)) github Link: ([animate.css]( http://daneden.github.io/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

About

ngAnimate is simple Angular Directive, which you can easily use animateCss in your Pages

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published