Cursor Image Hover (カーソル画像ホバー)

図形やラベルが、バネのような、またはなめらかな遅れでポインターを追いかけます。

[適用する場所]にマウスストーカー(Cursor Follower)を追加してください。フォローポインター(following pointer)、スムーズカーソル(smooth cursor)とも呼ばれます。
小さな丸いマーカーが、やわらかくなめらかな遅れでポインターを追いかけ、ポインターが止まった位置にすっと滑り込んで止まるようにしてください。弾みは不要です。
本来のポインターは表示したままにし、マーカーがクリックを妨げないようにして、タッチデバイスでは表示しないでください。

円形のレンズがポインターを追い、画像の一部を拡大して見せます。

[適用する場所]にルーペ(Magnifier Lens)を追加してください。レンズ(lens)、ルーペ(loupe)とも呼ばれます。
丸いレンズが遅れなくポインターの真下に位置し、その下にある画像の部分を拡大して見せるようにしてください。
拡大表示はポインター直下の正確な位置とずれないようにし、タッチ端末では指で画像を押さえている間レンズを表示してください。

ポインターの周りの光の円がコンテンツを照らし出し、それ以外は暗いままです。

[適用する場所]にカーソルスポットライト(Cursor Spotlight)の効果を追加してください。懐中電灯カーソル(flashlight cursor)、スポットライト効果(spotlight effect)とも呼ばれます。
やわらかな光の円がポインターを追いかけてその下のコンテンツを照らし出し、それ以外の部分は暗くしたままにしてください。
追いかけるポインターがないタッチデバイスでは、代わりにコンテンツ全体を明るく表示してください。

ポインターの動きに合わせて、消えていく図形の連なりが後ろに残ります。

[適用する場所]にカーソルトレイル(Cursor Trail)の効果を追加してください。マウストレイル(mouse trail)とも呼ばれます。
ポインターが動くと、小さな点の短い連なりが後ろに残り、それぞれがすばやく縮んで消えていくようにしてください。軌跡は短く、なめらかに経路をなぞる感じです。
軌跡はポインターが動いている間だけ描き、クリックを妨げないようにし、タッチデバイスやユーザーがモーションを減らす設定(prefers-reduced-motion)にしている場合は表示しないでください。

標準の矢印が装飾された点やリングに置き換わり、操作できる要素の上で形が変わります。

[適用する場所]にカスタムカーソル(Custom Cursor)を追加してください。アニメーテッドカーソル(animated cursor)、カーソルリプレースメント(cursor replacement)とも呼ばれます。
標準の矢印を、ポインターにぴったり付いてくる小さな点と、少し遅れて追いかけるリングに置き換え、リンクやボタンの上ではリングがなめらかに大きくなるようにしてください。
タッチデバイスとテキスト入力欄では通常のカーソルのままにし、カスタムカーソルがクリックを妨げないようにしてください。