Off-canvas Menu Effects

Advertisement

These are a couple of some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animation from Codrops.The off-canvas sidebar is widely used nowadays.

Different layouts and synced transitions of the menu and the page can make everything look more interesting and we can make use of the available space for side-menus and controls. SVG allows us to play with organic shapes and add some unexpected and stylish moves to a design.

Please note that the effects serve as inspiration and will work (best) in modern browsers.

off-canvas-menus

DEMO    DOWNLOAD