Curtain menu
Navigationmade for codenform ↗
A menu that arrives as three layers while the page steps back. Brick, then paper, then ink slide in from the right a beat apart, and stop just short of each other so their edges stay in view. Closing plays the same move backwards.
codenform
A room built before anyone paid for it.
How it behaves
- The page behind shrinks, dims and rounds its corners while the menu is open.
- Links rise in one after another once the ink layer has landed.
- Esc, the Close button or a tap on the page behind all fold it away.
How it is made
- Three transforms with staggered delays; nothing is measured.
- Opening leads with the bottom layer, closing with the top one.
- One easing curve for every layer, so they move as a set.