Rotating Side Menu For Samsung Galaxy Z Fold 3

 

Rotating side menu website for the coolest looking Galaxy Z Fold 3. The whole content is wrapped in a div container which is rotated 20 degrees from the top left point(transform-origin). When the user clicks the hamburger menu the page rotates with transition that shows the menu items which are previously hidden. The red circle from the top also rotates so that it can show the close button favicon. When clicked, the menu hides the scrollbar and automatically moves the user to the top of the page so that the effect of the rotation is still seen. Otherwise only the bottom left angle of the container will be seen. The design is responsive and built with:

• HTML
• CSS
• JavaScript 
  

 Other images of the project: