animejs

animejsは、さまざまな種類のウェブアニメーションを簡単に実装できるJavaScriptアニメーションエンジンです。

Latest Ver

Homepage

Github

59,339

ウェブの感情を呼び覚ます。

Animejsで鮮やかで柔軟なウェブアニメーションを創造しましょう。

animejsはCSSプロパティ、SVG、DOM属性、JavaScriptオブジェクトをアニメーション化することができます。また、タイムライン機能をサポートしており、複雑なアニメーションシーケンスを簡単に管理できます。

CDNダウンロード

License: MIT

Asset Type :

すべてのバージョンを見る

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。

📄 HTML
<div id='box' style='width: 100px; height: 100px; background-color: red;'></div>

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

⚙️ JavaScript
anime({ targets: '#box', translateX: 250, duration: 2000 });

⚡ Top Tools for Developers