画像が拡大

• オリックス株式会社https://www.orix.co.jp/recruit/

画像のホバー時にゆっくりと拡大（ズーム）する動きは、ウィンドウの奥に空間があるような奥行きを与え、ユーザーの没入感を高めます。サムネイルに「触れた」反応を返す、最もスタンダードで失敗のない手法です。実装時は親要素にoverflow: hiddenを設定し、画像自体にtransform: scaleを適用するのが鉄則です。拡大率が高すぎると画質劣化や圧迫感の原因になるため、1.05〜1.1倍程度の微細な変化に留めるのが、洗練された表現に見せるコツです。