左上から右下へ斜めに画像が出現

• 福田刃物株式会社https://www.fukudahamono.co.jp/

斜めのラインで切り取られるように画像が現れる動きは、シャープで先進的な印象を与えます。スポーツやテック系など、スピード感やエッジの効いたデザインコンセプトに合致します。CSSのclip-path: polygon()を使用して斜めのマスクを作成し、アニメーションさせます。角度がきついと中の被写体が見えづらくなる時間が増えるため、写真の構図（被写体の位置）に合わせた角度調整が必要です。