MotionLang

フィードバックと操作 · タップへの反応

反転して追うカーソル反色跟随光标

自作の円がポインタを追いますが、常に半拍遅れます。貼り付いてはいません。暗いボタンの上では白く、明るい背景の上では黒くなります。通った先を反転させるレンズのようです。

ツールでこの項目を開く

使いどころ

ポートフォリオ、商品画像、デザインされた界面だと覚えてほしい場所に向きます。フォーム、管理画面、正確なクリックが要る画面には使わないでください。指している場所を覆ってしまいます。

パラメータ

lerp 0.12 · diameter 26–40px · mix-blend-mode difference · white fill · pointer-events none

レシピ

  1. 反転して追うカーソル → lerp 0.12 · diameter 26–40px · mix-blend-mode difference · white fill · pointer-events none

AI に渡す一文

カスタムカーソルを追加してください。position: fixed の円、直径 30px、白塗り、mix-blend-mode: difference で、下の色を反転させます。ポインタに貼り付けず、lerp 0.12 で追わせて「後から付いてくる」手触りにします。pointer-events: none にしてクリックを邪魔しないようにしてください。

同じカテゴリの動き