Menu and Thumbnail Stack Animation


An animation on a picture stack for a menu the place the pictures get rearranged from a column right into a row.

From our sponsor: Attempt Mailchimp in the present day.

Right now I’d wish to share slightly menu animation with you. It’s only a easy proof-of-concept to discover find out how to animate a vertical picture stack right into a horizontal one. That is included in a menu that additionally expands its gadgets letter by letter so as to add some fascinating movement.

The preliminary view is the menu and once we hover an merchandise, the vertical stack seems at the back of the menu with a glitch animation. It adjustments relying on the present merchandise hovered:

Once we click on on an merchandise, the letters and the ornamental circle increase whereas the thumbnails of the stack rearrange from a column right into a row of pictures:

The entire movement in motion:

I hope you want this demo and discover it inspirational!

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Posts