AnimXYZ - コンポーザブルなCSSアニメーションツールキット

• Vue、React、SCSS などで使用可能

• CSS Variable を使って、キーフレームを書かずに多様でユニークなアニメーションを生成可能

→ 数行のコードだけで優れたアニメーションを適用可能

→ xyz attr でアニメーションコンテキストを生成: xyz="fade small up"

→ xyz-nested クラスと delay、stagger などで順序を調整

→ CSS 変数を直接変更可能

--xyz-translate-x: -100vw;