1. Transform Loop
移動・回転・スケールを組み合わせた基本的なループアニメーション。
Transform & Keyframes Gallery
基本プロパティの変形(translate/rotate/scale)と keyframes による連結演出を集めたギャラリー。ループ・3D反転・横揺れ・カウントアップ・リビールの5種を収録。
2. Keyframes Flip
キーフレームでカードの3D回転・色変化・拡大縮小を連結。
ANIME.JS
3. Shake Alert
警告カードの横揺れと明滅を組み合わせた注意喚起演出。
ALERT
4. Number Count
オブジェクト値を更新し、DOMへ反映するカウントアップ。
0
5. Text Reveal
マスク領域内でテキストを左からスライド表示。
ANIMATION START