ローディング 50選

コピーしてそのまま使えるCSSローディングアニメーション。定番スピナーからスケルトン、カウント付き進捗、発光するネオン系、遊び心のあるゲーミング系まで。外部ライブラリ不要です。

01. グラデーションリングスピナー / conic-gradient回転
02. 二重リング逆回転スピナー / 内外で逆方向に回る
03. 彗星チェイスドットスピナー / ドット群が円周を追走
04. 脈動する欠けリングスピナー / 回転しながら太さが変化
05. セグメントリングスピナー / 点滅が円周を巡る
06. リキッドフィルスピナー / 液体が円に満ちていく
07. 四角形3Dフリップスピナー / X軸→Y軸に回転
08. モーフィングブロブスピナー / 有機的に形を変え回転
09. ストライプバー進捗 / 斜めストライプが流れる
10. グラデーションスライド進捗 / 虹色が滑らかに流れる
11. パーセントカウンター進捗 / 数字が0→100を刻む
12. ステップバー進捗 / 5段階で段々に満ちる
13. スケルトンシマー進捗 / プレースホルダに光が走る
14. スウェルドットバー進捗 / ドットが順に膨らむ
15. 不確定進捗ライン進捗 / 細いラインが左右に走る
16. 3ドットバウンスドット / 定番の跳ねる3点
17. ドットウェーブドット / sin波のようにうねる
18. 集合と離散ドット / 円形に集まって広がる
19. グリッドブリンク図形 / 9マスが斜めに点滅
20. バウンドボール図形 / 影も一緒に伸縮する
21. ニュートンのゆりかご図形 / 両端の玉が交互に振れる
22. 積み木ビルダー図形 / 積み上がって崩れ落ちる
LOADING
23. レターバウンステキスト / 一文字ずつ跳ねる
loading...
24. タイピングカーソルテキスト / ターミナル風打鍵
LOADING
25. ブラーフェードテキスト / 霞の中から浮かぶ
NOW LOADING...
26. 増えるドットテキスト / 「…」が1つずつ増える
27. コーヒーブレイクポップ / カップに注がれ湯気が立つ
28. あしあとウォークポップ / 足跡が交互に現れる
29. ハートビートポップ / 鼓動に合わせ波紋が広がる
READY?
30. ゲームスタートポップ / READY?点滅+ピクセルバー
31. ネオンリングスピナーネオン / シアン発光の欠けリング
LOADING
32. ネオンチューブ文字ネオン / 1文字ずつネオン管が点灯
33. パルスグロウネオン / 発光コアから光輪が広がる
34. ネオンインフィニティネオン / ∞軌道を発光球が走る
35. レーザースキャンバーネオン / 発光バーが左右にスキャン
36. ネオン三角形ネオン / 輪郭を発光線が周回描画
LOADING
37. グリッチネオンネオン / RGBずれとちらつき
38. ネオン波形ネオン / イコライザー風発光バー
39. サイバー六角形ネオン / 二重六角形が逆回転
40. ネオンドットオービットネオン / 楕円軌道を色相回転で周回
0%
41. RGBゲーミングリングゲーミング / 虹色リング+%カウント
NOW LOADING...
42. ピクセルプログレスバーゲーミング / 8bit風ブロックが満ちる
$
43. コイン回転ゲーミング / コインが3D回転+キラ星
HPREADY!
44. HPバー充填ゲーミング / RPG風バー+READY!点滅
45. インベーダー行進ゲーミング / ピクセル敵がカクカク行進
TIP:回復はこまめに。
46. ロード画面Tipsゲーミング / 豆知識切替+進捗バー
LV.1LEVEL UP!
47. 経験値バーゲーミング / EXPが満ちてレベルアップ
7BA7BA7BA7BA7
7AB7AB7AB7AB7
7BA7BA7BA7BA7
48. スロットリールゲーミング / 順に停止して777で発光
49. ガチャカプセルゲーミング / 揺れて開き光が漏れる
CONTINUE?
A
50. 押しっぱなしAボタンゲーミング / 連打+カウントダウン9→0