Home > Menu & Navigation

Menu & Navigation

Ring/Circle Toggle Navigation Concept

Ring/Circle Toggle Navigation Concept

A ring navigation concept built with JavaScript and CSS that all the menu items are absolutely positioned in the circles when toggled. Code the ring navigation (HTML) <nav class=”top-right open”> <a class=”disc l1″> <div>Messages</div> </a> <a class=”disc l2″> <div>Photos</div> </a> <a class=”disc l3″> <div>Profile</div> </a> <a class=”disc l4″> <div>Likes</div> </a> …

Read More »

Basic Sidebar Navigation With Pure CSS

Basic Sidebar Navigation With Pure CSS

Pure css solution for off-canvas and navigation using plain HTML and CSS transitions and transforms. css.off-canvas by devslove.it Installation We recommend using a package manager to install this widget as a dependency of your project. Please read the docs of the respective package manager if you don’t know how to …

Read More »

Expanding Push Menu With Pure CSS

Expanding Push Menu With Pure CSS

Expanding menu is easy and pure css. Menu & Navigation An expanding hamburger menu system that morphs the toggle icon into a sidebar navigation while push the main content to the right. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est quisquam sit natus magni qui nemo rerum alias sunt. Nostrum incidunt …

Read More »