- 操作
- カーソル
#cursor 001
円がカーソルに追従
- 参考サイトURL
-
- 株式会社シンワ・アクティブhttps://www.shinwa-active.co.jp/
Warning: Illegal string offset 'url' in /home/mhofficial/marp-wm.com/public_html/warp/cms_Fj8Lw4es/wp-content/themes/warp/single-motionlist.php on line 96
Warning: Illegal string offset 'title' in /home/mhofficial/marp-wm.com/public_html/warp/cms_Fj8Lw4es/wp-content/themes/warp/single-motionlist.php on line 97
- 動きの解説
-
本来のカーソルに円形のシェイプが遅れてついてくる「マウスストーカー」は、ユーザーの操作軌跡を可視化し、サイトとの対話感を高めます。カーソルの存在感を強めることで、どこを操作しているかを見失わせないアクセシビリティ効果もあります。実装の鍵は「遅延(ラグ)」です。カーソルと完全に同期させず、少し遅れてついてくるような慣性をCSSやJSで設定することで、浮遊感のある心地よい操作感になります。クリック不可要素との重なりを避けるため、pointer-events: noneの設定が必須です。