Pure Css Magic Line Navbar

It's pure CSS. All links need to have a consistent dimensions for this to work. You have to set everything up yourself in terms of telling the nav how many items there are and where the .line should move to whenever one of the links gets hovered.

Made with: HTML,CSS

View Code

Position Sticky Subnav

Sticky subnavigation in pure CSS.

Made with: HTML,CSS (SCSS)

View Code

Perspective Menus

CSS only perspective menus.

Made with: HTML (Pug),CSS (Stylus)

View Code

Hover Effect For Horizontal Menu

Pure CSS fading out for siblings menu options on option hover.

Made with: HTML,CSS

View Code

Menu Hover Line Effect

Nice and simple horizontal menu with hover line effect in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Css Horizontal Menu

Pure CSS horizontal menu concept with clip-path property.

Made with: HTML (Pug),CSS (Sass)

View Code

Strikethrough Hover Effect For Menu

Hover effect for menu links. Use only one pseudo-element on link.

Made with: HTML,CSS (SCSS)

View Code

Lavalamp Css Menu

Horizontal CSS menu with lavalamp hover effect.

Made with: HTML,CSS

View Code

Horizontal Icon Navigation

Simple SVG icon horizontal navigation with shadows using flex-box.

Made with: HTML,CSS (PostCSS)

View Code

Slide Horizontal Menu

This is a CSS only horizontal slide menu.

Made with: HTML,CSS

View Code

Skewed Menu In Html And Css

Using CSS3 properties to make a no-mainstream skewed menu.

Made with: HTML,CSS (Less)

View Code

Horizontal Navigation Effects

Beautiful hover effects for horizontal navigation.

Made with: HTML,CSS

View Code

Simple Menu Navigation

Just a simple horizontal menu.

Made with: HTML,CSS

View Code

Transparent Fading Navigation Bar

Transparent fading horizontal navigation bar with mask image.

Made with: HTML,CSS

View Code

Responsive Menu Effect

CSS3 responsive slide menu effect.

Made with: HTML,CSS (Less)

View Code

Horizontal Menu

Made with: HTML,CSS (SCSS)

View Code