ホバー連動で文字間が縮まり色彩が変化

• アツギ株式会社https://www.atsugi.co.jp/

テキストにマウスオーバーした際、右側から左側へ向かって文字間隔が滑らかに縮まり、同時に色が切り替わるインタラクションです。単なる色の変化に動的なテンポを加えることでユーザーの視線を惹きつけ、クリッカブルであることを印象的に伝えます。洗練された佇まいや、モードな世界観を表現したいブランドサイトのナビゲーションに最適です。実装はCSSのtransitionを利用し、hover時のletter-spacingとcolorの変化を制御します。