• 操作
  • カーソル

#cursor 005

クリッカブルエリアでカーソルが拡大

参考サイトURL
動きの解説

リンク上でカーソル(ストーカー)が単純に大きくなる動きは、最も汎用的で導入しやすいマイクロインタラクションです。「ここは反応する」という信号を、学習コストなしで直感的にユーザーへ伝達できます。シンプルがゆえに、拡大時の透明度(opacity)を下げて下の文字を見やすくしたり、mix-blend-mode: difference(差分反転)を使って背景色と反転させたりするなどの工夫が、視認性とデザイン性を両立させるためのポイントになります。