画面を覆うカラーがヘッダーへ収束する遷移

• ひらくhttps://hiraku.info/business-produce/

ページ遷移や読み込み時に、画面全体を覆っていた背景色がスッと上部のヘッダー領域に向かって縮小し、そのままヘッダーの背景として定着するアニメーションです。ローディングの「待ち時間」をシームレスなUIの一部として昇華させており、ユーザーの視線を自然にナビゲーションへ誘導する効果もあります。ブランドカラーを印象付けたいコーポレートサイトに最適です。実装は、画面全体を覆う要素の高さをアニメーションで縮小させ、ヘッダーに変化したように見せます。