A CSS Grid powered menu with a box look inspired by the effect seen in the "Ableton Live 10: What's New" video.
Today we’d like to share a little menu animation with you. The idea is inspired by an effect that can be seen in this video, right at the beginning: a couple of differently sized boxes slide out and fill the screen. We thought this might be a nice idea applied to a menu using CSS Grid.
The demo is kindly sponsored by monday.com: Knowledge Sharing System perfect for your team. If you would like to sponsor one of our demos, find out more here.
Attention: Modern CSS properties at work, please view in an updated browser!
We’ve created two different styles; have a look at the screenshots and check out the demos.
To open the menu, click on the + info in the bottom left corner.
We hope you enjoy this little menu and find it useful!