左から右に色面が伸びる

• 円町たけち歯科https://emmachi-dc.com/

ホバーしたエリアの背景色が、左から右へと塗りつぶされる動きは、横書きテキストの視線移動（左→右）と調和し、ユーザーのスムーズな閲覧を助けます。単なる背景色変化（フェード）よりも「進行」や「アクティブ」な印象を強く与えます。実装時は、背景用の擬似要素（::before等）のtransform-originをleftに設定し、scaleXを0から1へ遷移させる手法が描画負荷も低く滑らかです。背景色が濃い色になる場合、テキスト色を反転させる処理もセットで考える必要があります。