CSS/JSアニメーションスニペット
コピペで使えるVanilla CSS・JavaScriptモーション集
ローディングアニメーション
スピナー
シンプルな回転ローダー
バウンスドット
3つの点が跳ねる
バー
バーが波打つように動く
ダブルサークル
上下の円弧が回転
プログレスバー
無限ループのバー
カードホバー
ホバーで浮上
リフト
ホバーで浮き上がる
3D チルト
3Dチルト
ホバーで3D回転
表
裏
カードフリップ
ホバーで裏返る
グロー
グロー
ホバーで光る
テキストアニメーション
タイピング効果です
タイピング
タイプライター風
GRADIENT
グラデーション
色が流れるように変化
WAVE!
ウェーブ
文字が波打つ
GLITCH
グリッチ
ノイズ風エフェクト
トグル/スイッチ
トグルスイッチ
ON/OFFスイッチ
チェックボックス
アニメーション付きチェック
入力フォーム
フローティングラベル
入力時にラベルが上に移動
アンダーライン
フォーカス時に線が広がる
ハンバーガーメニュー
ハンバーガー → X
クリックでXに変形