Anime.js – Thư viện JavaScript tạo hiệu ứng chuyển động cực đỉnh

Đến Anime.js

Cách sử dụng Anime.js

Bạn có thể tải về thư viện hoặc nhúng trực tiếp bằng CDN như sau:

<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.2/anime.min.js" integrity="sha512-aNMyYYxdIxIaot0Y1/PLuEu3eipGCmsEUBrUq+7aVyPGMFH8z0eTP0tkqAvv34fzN6z+201d3T8HPb1svWSKHQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Toàn bộ tài liệu hướng dẫn sử dụng, cú pháp và API bạn có thể xem tại:
https://animejs.com/documentation/

Một số ví dụ nổi bật

Dưới đây là một vài ví dụ trực quan cho bạn cảm nhận khả năng của Anime.js:

See the Pen
SVG sphere animation with anime.js by Julian Garnier (@juliangarnier)
on CodePen.

See the Pen
Advanced staggering with anime.js by Julian Garnier (@juliangarnier)
on CodePen.

See the Pen
anime.js V3 logo animation by Julian Garnier (@juliangarnier)
on CodePen.

Tổng kết

Nếu bạn đang tìm một thư viện animation gọn nhẹ, dễ dùng, hỗ trợ tốt nhiều loại đối tượng (SVG, DOM, CSS…), thì Anime.js là lựa chọn hàng đầu. Dù dùng cho hiệu ứng nhỏ hay animation phức tạp, thư viện này vẫn đảm bảo tính linh hoạt và hiệu suất cao.

Chúc bạn tạo được những chuyển động thật mượt mà và bắt mắt!