ホバー時に画像が角丸に変形

• 株式会社ひなたhttps://www.hinatainc.co.jp/

四角い画像がホバーによって角丸（円形や楕円）に変化する動きは、緊張感のある硬い印象から、親しみやすい柔らかな印象へのシフトを表現します。エッジの効いたデザインの中で、ユーザーを受け入れる「優しさ」を演出したい場合に有効です。border-radiusの数値をtransitionで変化させるだけの軽量な実装ですが、画像内の重要な被写体（顔など）がトリミングで欠けてしまわないよう、変形後の形状を想定した写真の選定や配置（object-fit）が重要です。