• 操作
  • カーソル

#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の設定が必須です。