angular-animate

CSSベースのアニメーション（キーフレームとトランジション）およびJavaScriptベースのアニメーションをサポートするAngularJSモジュールです。

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