animejs

animejs는 다양한 종류의 웹 애니메이션을 쉽게 구현할 수 있는 자바스크립트 애니메이션 엔진입니다.

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