105 of 300

Navigation 105

Full screen menu

A menu that covers the whole frame and changes its color while it is open. Three tiles at the top lead to the pages that should be seen, and the links lie in five columns. Press Menu, and close with Escape.

Known from It's Nice That

  • RevealThe menu is revealed from the top with clip-path, and the content comes in reading order with 28 ms between the parts. Out is faster than in.
  • FocusThe page behind is set inert, focus moves to the close button, Tab cycles inside the menu, and Escape closes it and returns focus to the button.