Morphing dropdown
One card that moves and changes size between the menus. The arrow and the marker behind the buttons follow, and the content comes in from the side you moved from.
- When it fitsMenus with very different content and size.
- PitfallsWith a spring or a slow bezier the card overshoots. If the content fades slowly, the two menus overlap.
- How to make it betterDrive position, width, height, arrow and marker with the same ease, and set the opacity almost at once.
- Shelf
- Navigation and menus
- Group
- Navigation 97 of 116
- Theme
- Light and dark
- Live pointer
- 8 steps, until you take over