• 操作
  • エリアホバー

#area hover 031

インナーに要素が収まり背景色が切り替わる

参考サイトURL
動きの解説

カード型の要素にホバーした際、外枠のサイズは固定したまま、内部のテキストやビジュアルがインナースペースへとわずかに縮小(スケールダウン)し、呼応して背景色が反転するインタラクションです。単に色が切り替わるだけの平面的な処理ではなく、要素の内側に「階層の奥行き」を持たせることで、指先に吸い付くような触覚的な楽しさを生み出します。縮小時の遊び(マージン)と、色変化の心地よい遅延を工学的に微調整することが、操作性の向上につながります。