Animated Navigation Menu Bar using HTML CSS | Menu Hover Animation

Animated Navigation Menu Bar using HTML CSS | Menu Hover Animation

Active Tab Hover Animation with Icons

Elastic Tab Click Animation with Icons

Music Credit:
Track: Spektrem - Shine [NCS Release]
Music provided by NoCopyrightSounds.

Track: TULE - Fearless pt.II (feat. Chris Linton) [NCS Release]
Music provided by NoCopyrightSounds.

[jackieleonardy]

Hi! how could the code run the nav .start-blog tag? While you only specify the start-home tag only. Or it's only will be used for further JS or JQuery purpose? Thank you!

[АрманАлимханов-фд]

oh my God thanks man you really just saved my life

[playstasio]

how can i keep the menu highlighted when it's active?

[vakkoww]

Is it possible to make this responsive ?

[sanketsingh]

Inline block aur flex me jya difference h aur inline block kab kab use krna hota h

[ElSuperNOOB]

Hello, how can I do that when I restart the web, the colored button start in "contact", and not un "Home"?

New sub 😄

[srikanthbadampudi]

nav{
position: relative;
margin: 270px auto 0;
width: 590px;
height: 50px;
background-color: #34495e;
border-radius: 8px;
font-size: 0;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
}


In this above code why did you write ' font-size:0 ' can anyone explain

[pitagora]

how does it behave in responsive view?

[saragylden]

Hello there! Love this tutorial. If I have only 4 tabs, the hover will dislocate? How do I change that? Can I maybe DM you. Currently working on my exam project, and would love this hover menu bar.

[pechhon]

Hello brother ! Can you tell me how to make this animation on drop-down? I do like that but not working.

[thezvid]

good but it isn't responsive it is just static values

[turniodev]

I only see "start_home, " huhu can u help me know it?

[housepjays]

Great video! How do you make the highlight effect stay active when you click on a nav element? Thank you

[safiyakothiwale]

I luv ur content ❤ u r very creative. keep it up. I think u should start teaching us. It will be very helpful.

[thehighlightedone]

In the next video can you make a responsive website using html and css
(and thanks for give me two hearts)

[GHOST-dgtk]

why does the underline return back to its starting position, can you change it?

[CodingUG]

Thank you bro 🙏
I've always got the best from you
Thanks please

[mohammadakram]

brothur could you please make a voice over in this tutorial? please that would be very much helpful.
i want to know, { :hover~.animation} "~" why this sign? can you please explain
love from Bangladesh.

[Mohammad-fy]

why didn't you use flex for your nav?

[renwar]

How about something dynamic? Because majority of cases are dynamic content, thats why static width not always the solution.