Get started with angular-animate CDN

MIT licensed

Angular-animate is a library in AngularJS that provides easy-to-use animations for various UI elements.

Tags:
  • angular
  • framework
  • browser
  • animation
  • client-side

Stable version

Copied!

How to start using angular-animate CDN


<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
  <script src="https://cdn.cdnhub.io/angular-animate/1.8.3/angular-animate.min.js"></script>
  <script src="app.js"></script>
  <style>
    .box {
      width: 100px;
      height: 100px;
      background-color: #f1c40f;
      margin: 10px;
      transition: all 0.5s ease;
    }
  </style>
</head>
<body ng-app="myApp">
  <div ng-controller="MyController">
    <button ng-click="animateBox()">Animate Box</button>
    <div ng-repeat="box in boxes" ng-class="box" ng-click="selectBox(box)">{{$index+1}}</div>
  </div>
</body>
</html>
Copied!
Copied!
Copied!

All versions