色面が幕のように上がって画像が出現

• 株式会社ジーアングルhttps://www.g-angle.co.jp/

下から上へ幕が上がる動きは、舞台の開幕や夜明けを連想させ、「始まり」のポジティブな印象を与えます。縦長の画像や、高さを強調したいレイアウト（ビルや人物全身など）と相性が良いです。heightのアニメーションは処理が重くなる場合があるため、transform: scaleYを使用し、transform-origin: bottom（幕が上がる際はtop）で制御するのが、スムーズな描画の定石です。