Magic Navigation Menu Indicator using Html CSS & Javascript | Curve Outside Effects

💞💞🥰🥰🥰💓💓💓💓💕💕💕💕💓💓💓💓💓💞💞💞🥰🥰🥰🥰🥰🥰🥰🥰🥰💓💓💓💓💓💓💓💓💓💓💓💓💓💓💓💓💓💓🥰

Quite useless method if the site doesn't have solid background. In addition, such a menu is usually fixed and it overlaps with other elements when scrolling and the magic pseudo-elements will be visible.

What if i use space-evenly or space-between for the li inside de ul? How can i calculate de position for the indicator? This works great but only using fixed width i think

why apps don't use this type of indicator

thanks for tutorial

In my opinion it’s better to use relative units instead of pixels so you don’t have to calculate size.

Wow

is there a way we can make the indicator script "hover" and not click as when i assign a href it auto-matically goes to the tab without showing the effect which is quite inconvenient to me, i even tried "hover" instead of "click" and it didnt work.

its so good

Can't believe these things are so easy in flutter.

How to make it fixed at bottom?

super

والله حلوة النتيجة استمر

Show man!

how do you let the first time i write the code, the result will appear at the same time as you?

Please send me the code

very nice effect !

In 2022 i thinks whats going on this is so hard but today i came back on this video and today i will make this design without watching video

It's very good and useful for me. Thank you bro

I think you could definitely use way less css using grid

wow, how did you do that.

I just love this song, I fall asleep while learning how to design.

What application do you use? I wanna learn that

Great job! I have a question: why put the line height at 75px when the parent has a height of 70px?

Hello, I have reproduced the button menu which is really great.
How can I make it so that when I go from home to contact by scrolling the button goes directly to contact please?
thank you in advance.

what VS Code color theme is that?

Ide name bro...?

why I do the same but it's not working

Can I have this source code?

Lindo, Beautiful, kawai.

Like Who Uses Mouse While Coding😃

👇

I didn't get the part of the style.css like the first one the import🥲

Amazing! Thank you!

amazing OMG howcan I get the ful corse

Very nice 🤯

Why the code me apply are not working same code and procedure we use but can't run to my server please let me know why VSCode I use

Bro, I've been studying programming for a week. I'm thinking you're some kind of god.

Fucking awesome man

Looks great, but i tried to build it. But on this code "".navigation ul li:nth-child(1).active ~ .indicator{
transform: translateX(calc(70px * 0));
} "" nothing is happen. when i paste div indicator in the last element on li ul . It will always shown at the last elemen and not as shown in the Video on the first element. :-) pls Help

Sensacional 👏👏

when you started js to change between "home" ; "profile" and so on I got pretty much lost

how to make this work on hover instead of click

the script don't work for me😑😐🥲

i use ion-icons too!

Hello sir I really like your work 🙏
Can u design my websit please 🙏🙏

The video could do without the tinkly-winkly cutesy-wootsy music.

when i use it for real navigation in a website it does not function the way it does normally, please help!!!

Awesome

Ok it works, syntax error on my side!