角丸から四角へシームレスに広がるメニュー展開

• 沖電気工業株式会社https://www.oki.com/global/ja/

ボタンなどの角丸要素が、操作をトリガーとして画面全体を覆う四角形へと滑らかに変形・拡張するアニメーションです。操作した要素そのものが次画面の背景へと変化するため、視線移動が最小限に抑えられ、空間の連続性を保った心地よい画面遷移を実現します。フルスクリーンメニューの展開や、モーダルウィンドウの表示に最適です。実装はborder-radiusの段階的な変化と、transform: scale等のサイズ拡張を同期させることで表現します。