トップに戻るボタン 30選

定番の円形から、ロケット・UFO・猫の手まで。各カードはミニスクロール領域で動作を実演しています。コピー後は領域スクロールを window スクロールに置き換えるだけで本番投入できます。

SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
円形+矢印(ホバーで浮く)basic / 定番の王道
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
角丸四角+TOPテキストbasic / 文字で伝わる
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
↓スクロールで出現
スクロールで出現basic / fade+slide
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
進捗リング付きbasic / スクロール率をSVGで表示
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
ピル型ラベル付きbasic / テキストで安心感
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
ガラスモーフィズム円basic / blurで背景に馴染む
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
浮遊ボタン(影が伸縮)basic / ふわふわ視線誘導
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
アウトライン→ホバーで塗りbasic / 軽やかで上品
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
正方形ミニマル(細線)basic / モノトーンサイト向け
SECTION 01 — TOP(↓スクロールでバー出現)
SECTION 02
SECTION 03
SECTION 04
下端バー型(横長)basic / スマホで押しやすい
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04 — クリックで発射
ロケット発射fx / クリックで炎と共に飛ぶ
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
矢印が上に流れ続けるfx / ループアニメ
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04 — クリックでビューン
波紋+加速スクロールfx / クリックでビューン
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04 — ホバーしてみて
矢印2段構えfx / ホバーで1本目が抜ける
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04 — カーソルを近づけて
磁石ホバーfx / カーソルに吸い付く
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
円形テキスト回転fx / BACK TO TOPが周回
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04 — クリックでバネ
バネで潰れて跳ぶfx / squash & stretch
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
ネオン発光fx / ダークサイト向け
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04 — クリックでキラキラ
パーティクル上昇fx / 撒き散らしながら戻る
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04 — 戻り切るとチェック
進捗リング+到達チェックfx / 戻り切ると✓に変化
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04 — クリックで上昇
気球ふわふわfun / クリックで空へ
SECTION 01 — 1F(TOP)
SECTION 02 — 2F
SECTION 03 — 3F
SECTION 04 — 4F(ホバーで扉)
エレベーターfun / ホバーで扉が開く
STAGE 1 — TOP
STAGE 2
STAGE 3
STAGE 4 — PRESS!
ゲーム風ピクセルfun / 押すと1段沈む
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04 — クリックで旋回飛行
紙飛行機fun / 旋回して飛んでいく
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04 — ホバーで にゅっ
猫の手がにゅっfun / ホバーで肉球登場
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
limebill風(黒×ライム)fun / このサイトのテーマ色
其の一 — 頂上
其の二
其の三
其の四
和風(縦書き・筆風円)fun / 和モダンLPに
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
泡がぷくぷくfun / ソーダ感のある背景
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04
ジャンプ台fun / バウンドし続ける
SECTION 01 — TOP
SECTION 02
SECTION 03
SECTION 04 — クリックで吸引
UFOビームfun / ビームで吸い上げて帰還