丸が広がりフェードイン／フェードアウト

ハンバーガーボタンの位置を中心として、円形に画面が切り替わる（アイリスワイプ）動きは、起点と結果の因果関係を視覚的に繋げます。「このボタンを押したからメニューが開いた」ということが直感的にわかり、心地よい一体感を生みます。CSSのclip-path: circle()のアニメーションで実装するのが主流です。画面の四隅まで完全に円が行き渡るよう、半径（パーセンテージやピクセル）を十分に大きく設定する必要があり、レスポンシブ対応でのサイズ計算に注意が必要です。

※参考サイトは公開を終了しましたが、アーカイブとして引き続き掲載いたします。