Slide Out Box Menu

Original Source: http://feedproxy.google.com/~r/tympanus/~3/sn24b4trlqo/

Today we’d like to share a little menu with you. The idea is to reveal the boxes of a grid individually from the top right corner of the page similar to the Expanding Grid Menu we did a while back. The inspiration for this effect and for the slideshow layout comes from Adrián Somoza’s design and Zhenya Rynzhuk’s Dribbble shot. The animations are powered by TweenMax.

Attention: Note that we use modern CSS properties that might not be supported in older browsers.

For showcasing the menu, we’ve created a little slideshow. The menu opens when clicking on the + details button on the right side:

We hope you like this little menu effect and find it inspirational!

References and Credits

Images from Unsplash.com
TweenMax by Greensock
imagesLoaded by Dave DeSandro

Slide Out Box Menu was written by Mary Lou and published on Codrops.