angular-animate

AngularJS module for CSS-based animations (keyframes and transitions) as well as JavaScript-based animations.

Latest Ver 1.8.3

Homepage

Github

58,740

📢 angular-animate is a module that allows easy implementation of complex animations in AngularJS applications.

CDN Download

License: MIT

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/angular-animate/1.8.3/angular-animate.js

https://cdnjs.cloudflare.com/ajax/libs/angular-animate/1.8.3/angular-animate.min.js

https://cdnjs.cloudflare.com/ajax/libs/angular-animate/1.8.3/angular-animate.min.js.map

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
angular.module('myModule', ['ngAnimate']);

// Adding a class-based animation
css(".my-element.ng-enter", {
  transition: 'all 0.5s',
  opacity: 0
}).css(".my-element.ng-enter.ng-enter-active", {
  opacity: 1
});

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular.min.js"></script>

⚡ Top Tools for Developers