OffCanvas is a lightweight, flexible jQuery off-canvas navigation plugin which lets you create fully accessible sidebar or top/bottom sliding (or push) panels with keyboard interactions and ARIA attributes.

Off-canvas sliding navigation menu is used mostly on mobile and touch devices. It has a UI component which is an effective way of presenting menus on small screens and can be easily implemented using some simple JavaScript and CSS.

Off-canvas Menu Effects

Tuesday, 26 May 2015

Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations. We use CSS transitions, CSS animations created with bounce.js and animated SVGs with the help ofSnap.svg. We also use Font Awesome and the profile picture is from the Random User Generator.