tailwindcss-animations は何をしますか?
Tailwind CSS のアニメーションとトランジション。組み込みユーティリティとカスタムキーフレームを含みます。以下の場合にプロアクティブに有効化してください:
animate-*ユーティリティ(spin, ping, pulse, bounce)@theme animateによるカスタム@keyframes- トランジションユーティリティ(transition, duration, ease)
- トランスフォーム(scale, rotate, translate)とトランジションの組み合わせ
prefers-reduced-motion: reduceの対応- Framer Motion / Motion One と Tailwind の統合
- CSS スクロール駆動アニメーション(
animation-timeline) - View Transitions API と Tailwind の連携
- hover, focus, group-hover によるトランジション
- リストの段階的アニメーション(staggered list animations)
提供するもの: アニメーションユーティリティリファレンス、カスタムキーフレームの例、動きを減らすパターン、Framer Motion 統合、スクロール駆動アニメーションレシピ。