Animated Navigation Menu Bar using HTML CSS | Menu Hover Animation

Animated Navigation Menu Bar using HTML CSS | Menu Hover Animation

CodingNepal

4 года назад

254,380 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Jackie Leonardy 鄭
Jackie Leonardy 鄭 - 17.08.2020 09:01

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!

Ответить
Juan Camilo Campo Tangarife
Juan Camilo Campo Tangarife - 26.07.2023 10:31

how can I do this with a dynamic links option.... for example, I don't know if I would use 4 links or 10links-

Ответить
Akash Sultan Official
Akash Sultan Official - 16.07.2023 04:53

Perfect - the video I was looking for. Thankyou for uploading

Ответить
Nigar Mamedova
Nigar Mamedova - 02.07.2023 00:17

How to do the same in case of active element state?

Ответить
Khushi Dubey
Khushi Dubey - 06.06.2023 10:40

Superb...🥹🥹🥹 u .. r suprb teacher.... sir /ma'am.....🥹🥹🥹🥹🥹🥹🥹🥹 tq so much....

Ответить
Trap Mask
Trap Mask - 24.03.2023 11:47

how to hyperlink on section html?

Ответить
Eleven Sixty Four 1164
Eleven Sixty Four 1164 - 14.03.2023 10:26

Those css are hardcoded and will not scale if we add another a tag in html

Ответить
Feel_The_Beats69
Feel_The_Beats69 - 23.12.2022 11:17

How can we put a tab on top ?

Ответить
Gennady Glukhov
Gennady Glukhov - 23.12.2022 11:16

Thnx!

Ответить
-Elektrostahl_
-Elektrostahl_ - 21.12.2022 16:19

This is actually what I was looking for - thank you !!!

Ответить
Vaibhav Khushalani
Vaibhav Khushalani - 11.11.2022 08:18

Amazing

Ответить
Sanket Singh
Sanket Singh - 15.08.2022 17:06

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

Ответить
The Inspire Hour
The Inspire Hour - 04.08.2022 09:35

thanks bro for saving my time

Ответить
Java
Java - 25.06.2022 20:16

nice

Ответить
Huy Trần
Huy Trần - 19.04.2022 05:36

Thank you, so beautiful

Ответить
thunder
thunder - 07.04.2022 17:56

I would like to ask you something, why is <div class="animation start-home"> not closed??
in the nav, I have <div class="topnav"> and I can´t close it and the whole animation and css breaks

Ответить
Abdul Rakib
Abdul Rakib - 27.03.2022 07:37

Which software you have used to make such kind of video tutorial?

Ответить
minthant kyaw
minthant kyaw - 24.02.2022 11:38

why u used start-home class? IDK For what?

Ответить
GAURAV MISAL
GAURAV MISAL - 17.02.2022 19:33

Nice

Ответить
glade
glade - 02.02.2022 15:56

someone know how to add clear custom css to elementor?

Ответить
Playstasio
Playstasio - 29.01.2022 11:36

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

Ответить
Cartoon 24 hours
Cartoon 24 hours - 27.01.2022 11:33

Do not show the @import url full name.

Ответить
samiya akter
samiya akter - 07.01.2022 13:49

Thank you .

Ответить
CodingUG
CodingUG - 06.11.2021 14:42

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

Ответить
Turnio - Trọng Phúc
Turnio - Trọng Phúc - 20.09.2021 17:19

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

Ответить
Ahmed Belloula
Ahmed Belloula - 17.09.2021 17:45

can someone explain me the "start-home" is used for what

Ответить
STEMP - FREE FIRE
STEMP - FREE FIRE - 04.09.2021 14:54

Your all tutorials are so helpful

Ответить
Mister 2021
Mister 2021 - 14.08.2021 02:55

please how to make it responsive !?

Ответить
chadjaa Sofiane
chadjaa Sofiane - 06.08.2021 18:20

that will work just with these tabs , but if you add another tab it will not work .

Ответить
Soyaibur Rahman (Ovi)
Soyaibur Rahman (Ovi) - 17.07.2021 13:04

advanced tutorial

Ответить
Ankush sonone
Ankush sonone - 17.07.2021 12:25

Brother I write the whole code and try to make same to understand his working for practice mode but I realised some code is missing of HTML file in this video can you please share his HTML. Code so I can check and correct my mistakes.

Ответить
Th3Ruler
Th3Ruler - 24.06.2021 18:02

Is this a CSS tutorial or a music video?

Ответить
Aye PwintPhyu
Aye PwintPhyu - 13.05.2021 06:47

Thanks😍😍😍

Ответить
yash shah
yash shah - 24.04.2021 09:23

Source Code ? ?

Ответить
GHOST
GHOST - 15.04.2021 21:11

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

Ответить
Liza Lizaveta
Liza Lizaveta - 11.04.2021 19:09

that looks cool, i tried it out. however, there are a lot of repetitions with nth-child() and hover effects for each of them individually. is there any simpler way to achieve this with java script?

Ответить
Alex_Lawrence
Alex_Lawrence - 04.03.2021 15:59

what if a link text is longer than 100px

Ответить
joshua richard
joshua richard - 18.02.2021 22:25

What is the name of the editor

Ответить
TECH WITH KESHAV
TECH WITH KESHAV - 07.02.2021 20:37

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

Ответить
TECH WITH KESHAV
TECH WITH KESHAV - 01.02.2021 16:08

can you make a video about your work

Ответить
TECH WITH KESHAV
TECH WITH KESHAV - 15.01.2021 18:53

what is the url in style .css

Ответить
Met Medvill
Met Medvill - 02.01.2021 12:16

bro. I appreciate your work. Very nice. Thanks bro for the tutorial. Keep it up for more video.

Ответить
Zayn Malik
Zayn Malik - 26.12.2020 13:53

thanks buddy ❤️

Ответить
Adobe Training Platform
Adobe Training Platform - 25.12.2020 23:52

I really liked watching the video and your video solved my problem
thanks

Ответить
The Z
The Z - 23.12.2020 14:53

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

Ответить
Sara Gylden
Sara Gylden - 19.11.2020 14:04

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.

Ответить
Developer Naim
Developer Naim - 13.11.2020 21:55

Awesome 👍

Ответить
Steve Schatz
Steve Schatz - 05.11.2020 20:31

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

Ответить
Murat Günhan
Murat Günhan - 17.10.2020 20:46

thanks

Ответить