0777

Family Floating Navbar More and Back Interaction

Family Floating Navbar More and Back Interaction

This interaction showcases a fluid transition within a floating bottom navigation bar. Upon tapping the 'More' button, the three existing options ('Hide', 'Star', 'More') seamlessly morph into a new set of actions ('Back', 'Trash', 'Report'). The transition uses a spring-loaded crossfade where the icons and labels scale down and fade out while the new set scales up and fades in with a subtle bounce. Tapping 'Back' reverses the animation with the same organic spring physics, maintaining a consistent physical feel.