Home / Design Blog / Cool Off Canvas Menu CSS

Cool Off Canvas Menu CSS

By: Simon Urbina
Sep 17, 2014
Posted: Sep 17, 2014


Came across some Codrops awesomeness. Just what I needed for a client navigation. Maybe this will help you too!

Via Codrops

Today we’d like to share a couple of styles and effects for off-canvas menus. The off-canvas sidebar is widely used and we have already created some effect inspiration before. Like with everything, style evolves and today we want to show a new set of modern effects for your inspiration. 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.

Keep reading…

Simon Urbina
Simon Urbina

Simon’s a Product Designer and Front End Dev with over 20 years of experience. He started as a graphic designer and illustrator coding his first website in 1996. He has worked with brands like Publix, Microsoft, and Discovery Channel.