色面が中心から上下に伸びる

• OUGONhttps://ougon.jp/

画面の中央ラインから上下に向かって背景色が広がる動きは、シンメトリー（左右対称）ならぬ上下対称の美しさを持ち、安定感と品格を演出します。和風のデザインや、落ち着いたコーポレートサイトのメニューボタンなどでよく映えます。実装はtransform: scaleYを用いますが、transform-originをcenter（またはcenter center）に設定することがポイントです。文字の上を背景色が通過する場合は、z-indexの管理を行い、テキストが隠れないように制御します。