animejs

SKILL.md

Modern JavaScript animation library. V4 is a complete rewrite — animate() not anime().

If you see ANY V3 pattern, the code MUST be migrated.

| anime({ targets: '.el', ... }) | animate('.el', { ... }) | Targets = first arg | | anime.timeline() | createTimeline() | Named import | | anime.stagger(100) | stagger(100) | Named import | | anime.set() / anime.get() | utils.set() / utils.get() | On utils object | | anime.remove(targets) | utils.remove(targets) | On utils object |

Anime.js v4 で JavaScript アニメーションを作成する場合、Web アニメーションを実装する場合、またはユーザーが anime.js/animejs に言及する場合に使用します。 v3 コードの症状でトリガーされる: animate() の代わりに anime()、x の代わりに translationX、outExpo の代わりにeaseOutExpo、createTimeline() の代わりに anime.timeline()。また、CSS アニメーション、SVG アニメーション、スクロール駆動アニメーション、ドラッグ インタラクション、テキスト分割、レイアウト FLIP、スプリング物理学、JavaScript の千鳥パターンでもトリガーされます。 ソース: lucking7/animejs-skills。

原文を見る