Made with: HTML,CSS,JS
Left and right full-width off-canvas menus.
Made with: HTML,CSS (SCSS),JS
An experimentation that sets all submenus off screen so that they can be toggled in and out of view when their parent arrow elements are clicked.
Made with: HTML (Pug),CSS (SCSS),JS
Super awesome portfolio with off-canvas menu and a lot of animations.
Sidebar menu that pushes content aside in 3D space. Still prettifying things.
An example of how to build a full page navigation that exists off of the screen canvas, sliding into view when clicking the menu option. Added spice with a changing background color depending on navigation item hover.
Minimal Medium styled off-canvas slide in menu.
Little off canvas animated menu in jQuery.
Nice little off canvas nav prototyping.
Made with: HTML,CSS (Less),JS
The toggle is the green bar on the left. It transforms into an overlay - Click on it to close the menu.
Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.
Made with: HTML
Another off canvas menu using the checkbox hack to active mobile navigation.
Simple off canvas menu with CSS3 transitions and translates and little jQuery.
Just a simple off-canvas navigation with a few options and no annoying styles to override.