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!