angular-animate

AngularJS 모듈로 CSS 기반 애니메이션(키프레임 및 전환)과 자바스크립트 기반 애니메이션을 지원합니다.

Latest Ver 1.8.3

Homepage

Github

58,740

📢 angular-animate는 AngularJS 애플리케이션에서 복잡한 애니메이션을 쉽게 구현할 수 있게 해주는 모듈입니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

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

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 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