ホバーでマスクが表示され消失

• 株式会社TBWA HAKUHODOhttps://www.tbwahakuhodo.co.jp/

要素へのホバーをトリガーに、黒塗りマスクが画面全体を覆うように拡大・塗潰しされ、直後に別ページへシームレスに切り替わる遷移演出です。単なるリンク移動を映画のカット転換のような体験へ昇華させ、ブランドの世界観へ一気に没入させます。実装はクリックイベント時に固定配置（fixed）のマスク要素へCSSのscale拡大やclip-pathアニメーションを適用し、描画完了のタイミングに合わせて非同期でページ遷移を実行します。