Animated Navigation Bar in HTML and CSS Menu Hover Animation Effects

Рет қаралды 105,945

11 ай бұрын

Animated Navigation Bar in HTML and CSS | Menu Hover Animation Effects
Click For More:
/ @el_shadow.youtube
Having easy-to-use navigation is important for any web site.
With CSS you can transform boring HTML menus into good-looking navigation bars.
----------------
Animated Navigation Bar in HTML and CSS Menu Hover Animation Effects
studio.kzfaq.infoyJws...
----------------
Animated Login Form Using HTML & CSS
studio.kzfaq.infoMU7A...
Login Form in HTML & CSS | واجهة تسجيل دخول بسيطة
studio.kzfaq.infomsQF...
------------------
-------------------
#csseffects
#cssanimationtutorial
#css
#cssanimation
#csshover
#csshovereffects
#html5
#El_shadowacademy
#الشادواكاديمى
#supershadow

Пікірлер: 41

@user-rs6vt3jj5k 5 ай бұрын

This is simple and straight to the point. Thank you.

@charlestoneoyoo 10 ай бұрын

fantastic work, thank you for this..keep up

@moinshaikh6684 9 ай бұрын

Jabraad be bhaiwa.

@farshadj8877 9 ай бұрын

Very nice ❤

@WebDevXpert 2 ай бұрын

fantastic design

@lautaroleonelfernandez9441 16 күн бұрын

esta genial, muchsimas gracias.🤙

@ziadmohamed4254 25 күн бұрын

You are amazing ❤

@JHONATANROJASRINCON 10 ай бұрын

Buen video 💥

@mrajanasir 11 ай бұрын

superb

@deadgamer011 11 ай бұрын

bro my cursor is glitching when I use the hover effect. Pls help

@jeevanandham1732 9 ай бұрын

It is a very good one If i click some other than HOME (ex: services), It should be active like home It is done by js onclick() if you know any other method or this one please make a video of it

@user-od8wk1bf1g 5 ай бұрын

perfect

@muhammadirfanijaz2129 11 ай бұрын

Nice

@crazy_hardcore_gaming 10 ай бұрын

I can't get the code to display the mouse over color or the animation it's just not there! I ran the code through developer Tools in Google Chrome and through chat GPT and I couldn't debug why this wouldn't work. I triple checked your video if I missed any code and for syntax errors. But everything looks correct. What browser were you using for this tutorial?

@venusharao3287 9 ай бұрын

Same the code of CSS animation is not working.can i get the source code

@mindethereal6627 2 ай бұрын

You're using gpt to ask about method errors, first copying code, commenting code, then copying a piece of code that you say: incorporates the effects of the previous piece of code into the current code.

@phillip-jasonwong-kuon3006 3 ай бұрын

thanks

@pricopedangabriel 5 ай бұрын

I follow the steps and it works, but when I resize the web page it doesn't look like when the page is full screen. I tried a couple of things but still doesn't work. Any suggestion?

@user-zu8fz5iv3f 8 ай бұрын

Love it but nav a { you set the display to inline block which was not necessary given the fact that a is already is inline }

@user-ib7ye4dw7b 11 ай бұрын

الله ينور

@user-kq7mp9dg8w 11 ай бұрын

تمام ❤

@srkajolfan6341 4 ай бұрын

The hocer effect on span is not working plz help me

@AlexanderCastilloIlovegod 6 ай бұрын

I don’t know how to make the square. So and you video I did it the same thing you did with this video and it doesn’t show up in my app browser

@omsinghal4524 Ай бұрын

Are you asking about the red box??

@chefernandez563 7 ай бұрын

Why use the span tag?

@ivan8661 3 ай бұрын

I mean it works but i expected this to be done with js. This is not the correct way to do it, by setting pixels. If i ever change the spacing or fontsize or add an element this breaks. Also its not responsive.

@ASulaymon 4 ай бұрын

What do I do if the link is long?

@user-jr3qg8om8u 11 ай бұрын

where did you learn this from could please teach me

@Yosh1m1tsiu 11 ай бұрын

i m p o s t e r

@codebyabi 11 ай бұрын

😂

@user-ot2yh1lx8t 10 ай бұрын

@@codebyabi😒

@Soham-sama Ай бұрын

I'd like to request permission to use some portions of the code from your KZfaq video in my portfolio website. I'll ensure to give proper credit and link back to the original source.

@phillip-jasonwong-kuon3006 3 ай бұрын

i need help