Microinteraction Examples - Navigation Subtle and modern effects

Flat

No transition present. This can be jarring if users do not know more content is going to display.

Fade

Basic transition to fade in menu content. There is also a slight delay to verify that a user wants to access the sub menu.

Expand

Click-to-show menu that pushes the rest of the page down with the menu.

Fun

Timed transitions for multi-stage animations.