- 操作
- カーソル
#cursor 005
クリッカブルエリアでカーソルが拡大
- 参考サイトURL
-
- エムハンドリクルートサイトhttps://www.m-hand.co.jp/recruit/
- 株式会社ジーアングルhttps://www.g-angle.co.jp/
- 動きの解説
-
リンク上でカーソル(ストーカー)が単純に大きくなる動きは、最も汎用的で導入しやすいマイクロインタラクションです。「ここは反応する」という信号を、学習コストなしで直感的にユーザーへ伝達できます。シンプルがゆえに、拡大時の透明度(opacity)を下げて下の文字を見やすくしたり、mix-blend-mode: difference(差分反転)を使って背景色と反転させたりするなどの工夫が、視認性とデザイン性を両立させるためのポイントになります。