From our monthly sponsor: Automate manual QA and catch visual bugs with Percy’s all-in-one visual testing and review platform.
Today we’d like to share a simple fullscreen menu with you. The menu layout is powered by CSS Grid and we make its boxes appear with a reveal animation. The animations are made using TweenMax.
For the main page we have a simple layout with a little motion effect on the background image.
When clicking on the menu icon in the top right corner, the menu opens.
The menu boxes reveal following an order that we define on each element.
We hope you like this little menu and find it useful!