カーソル & タップ演出 70選

枠の中にマウスを入れる/クリックすると演出が動きます。追従カーソルからゲーム風・モダン系・ネオン発光・派手演出まで。

ホバー追従カーソル系(01–12)枠内にマウスを入れて動かしてください

ここでマウスを動かす
01. リング追従遅延追従 / 定番
速く動かすと伸びる
02. ぐにゃっとブロブ速度で変形
ここでマウスを動かす
03. トレイル残像連なる軌跡
動かすとキラキラ
04. キラキラ撒き散らしパーティクル
NEON GLOW
05. ネオングロー玉発光 / blend
ここでマウスを動かす
X:0 Y:0
06. 十字レティクル照準 / サイバー
画像・カードの上を動かす
VIEW
07. テキスト追従ラベルVIEW / ギャラリー向け
08. マグネットボタン吸着 / CTA向け
SPOTLIGHTカーソルの周りだけ明るくなる
09. スポットライトradial-gradient
ロケットが進行方向を向く 🚀
10. 絵文字ロケット進行方向に回転
INVERT
11. 反転サークルmix-blend-mode:difference
蛇のようについてくる
12. しっぽチェーン遅延チェーン / 蛇

クリック / タップ演出系(13–20)枠内をクリック(タップ)してください

クリックしてみて
13. リップル波紋タップ定番
クリックで爆発
14. パーティクル爆発放射状
タップでハート
15. ハートぽんぽん可愛い系
クリックで打ち上げ
16. クリック花火重力落下つき
クリックで衝撃波
17. 衝撃波リング多重リング+シェイク
タップで星が散る
18. スター飛散±ランダム角度
クリックでにじむ
19. インクスプラッシュにじみ / blur
クリックでバチッ⚡
20. 雷撃クリック稲妻 / バチッ

ゲーム風(21–30)枠内でマウス操作/クリックしてください

クリックでヒットマーカー
21. 照準ヒットマーカーFPS風 / ✕マーカー
クリックで振り下ろす
22. ピクセルソードドット絵 / 振り下ろし
クリックでコインGET SCORE 0
23. コイン取得スコアカウンタ
赤い点に近づける
LOCK ON
24. ロックオン吸着ターゲット
クリックで8bit爆発
25. 8bit爆発整数座標 / steps()
クリックでHPが減る
HP
DEFEAT
26. HPバー追従DEFEAT演出
たたかう
▶
27. RPGポインタステップ移動 / 点滅
クリックで斬撃
28. 斬撃クリック二連斬り+振動
連打でダメージ(たまにCRITICAL)
29. クリティカル数字ダメージポップ
スライムを追い詰めてクリック
30. 逃げるスライム追いかけて討伐

オシャレ・モダン(31–40)枠内にマウスを入れて動かしてください

HOVER
31. ミニマル細線円極細 / 上品
テキストが回りながら追従
SCROLL・VIEW・MORE・
32. 円形回転テキストSVG textPath
びよんと追いつく
33. ジェル物理ばね近似 / 伸縮
AURORA
34. グラデぼかし玉screen / ゆったり遅延
クリックでキュッ
35. 点線円回転クリックで収縮
影が下に落ちて浮遊感
36. 影だけ浮遊感 / 引き伸ばし
WATER DROP LENS 水滴のレンズが文字の上をすべる。ぼかしとハイライトで下の文字がゆがんで見える。WATER DROP LENS 水滴のレンズが文字の上をすべる。ぼかしとハイライトで下の文字がゆがんで見える。WATER DROP LENS 水滴のレンズが文字の上をすべる。
37. 水滴レンズbackdrop-filter
なぞると線が描ける
38. ドローイングペンcanvas / フェード
ドットが引き寄せられる
39. 磁性ドットグリッド引き寄せ / 復元
止まると重なる
+
40. デュオカーソル○と+ / 別遅延

演出強化(41–50)動かす/クリックで派手な演出が発動します

彗星のように尾を引く
41. 流星トレイルcanvas減衰
帯がしなやかに流れる
42. リボン頂点履歴 / 帯
動かすとこぼれ落ちる
43. 絵文字ポロポロ重力落下
速く動かすほど火花が増える
44. スパーク接触速度連動
稲妻が後ろに繋がる
45. 雷トレイルジグザグ / フリッカー
桜が舞い落ちる
46. 花びら追従回転しながら落下
クリックで連写📸
47. カメラシャッターフラッシュ+フレーム
泡が浮上して弾ける
48. 泡ぷくぷく浮上→ポン
ネオンで描ける
49. ネオンペンshadowBlur発光
クリックで結晶が飛散
50. クリスタル散布結晶片キラキラ

ネオン系(51–60)ダーク背景で映える発光演出。枠内でマウス操作/クリックしてください

HOVER ME
51. ネオンリング二重リング / 色切替
ここでマウスを動かす
52. ネオントレイル虹色残像 / canvas
レーザーポインタ
53. レーザーポインタ赤発光 / 尾を引く
サイバー計測モード
X:000 Y:000
54. ネオンクロスヘア発光十字 / 計測風
速く動かすとスパーク
55. エレクトリックスパーク速度連動 / 電気
ここでマウスを動かす
56. ネオンサークルテキスト回転文字 / 発光
じっとしてもパルスが出る
57. グロウパルス等間隔リング拡散
蛇のように追いかける
58. ネオンスネーク遅延チェーン / 色相
隠れた蛍光柄を照らす
59. ブラックライトradial mask / 蛍光
クリックで稲妻クラック
60. ネオンクリック稲妻クラック放射

ゲーミング系(61–70)枠内でマウス操作/クリックしてください

ゲーミングPC風RGB
61. RGBゲーミングリングconic-gradient回転
クリックでキル
2 KILLS
62. FPSキルマークヒットマーカー+コンボ
クリックでブロック破壊
63. マインクラフト風ピクセル破壊
クリックでショット
64. レトロシューティング自機追従+弾発射
クリックでボタン入力
65. コントローラーボタン4ボタン周回
ENEMY HP
クリックで攻撃(-256)
VICTORY
66. HPドレイン斬撃+HPバー
走るとドリフトライン
67. レースミニマップ車追従+ドリフト痕
PUSH START
68. ドット矢印8bit / カクカク移動
LOCK
的に近づけてロックオン→クリック
69. ロックオンサイト吸着+LOCK表示
動かしてゲージMAXでFEVER
FEVER!!
70. コンボゲージゲージMAX→FEVER