ふわっと縮小

• 株式会社RHR unionhttps://www.rhr-union.com/

拡大とは逆に、少し大きな状態から定位置に収まるように縮小して現れる動きは、情報の「定着」や「確定」を印象付けます。ふわふわした浮遊感よりも、しっかりと地に足がついた信頼感を表現したい企業のメインビジュアルなどに適しています。CSSのtransform: scaleを使用しますが、初期状態で親要素からはみ出さないようoverflow: hiddenの設定を忘れないことが、レイアウト崩れを防ぐポイントです。