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

------------------
Enroll My Course : Next Level CSS Animation and Hover Effects

Another Course : Build Complete Real World Responsive Websites from Scratch
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
------------------

------------------
#csseffect #topcsseffects
------------------
give proper credit if you repost this on other social media platform
------------------
Also Watch These

CSS Icon Hover Effects | Animated Menu Indicator using CSS & Javascript

Navigation Menu Using Html CSS & Javascript | Curved Outside in Active Tab

Sidebar Menu Using Html CSS & Javascript | Curved Outside in Active Tab

Glassmorphism Hover Effects with Magic Line Indicator using CSS & Javascript | CSS Glassmorphism

CSS Magic Line Icon Fill Hover Effects | Social Media Buttons
------------------
------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

[OnlineTutorialsYT]

Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas into reality now.


Here you will find each and every Source Code is Unique.

[LordKosmux]

This one surprised me! Very clean, modern and it's truly magic to see. Keep the good job, you're amazing!

[MRMOTOFOTO]

The fact that I think I can do this without watching the video is giving me hope.

[edenmaimon]

I just started learning full stack web dev and it really impressed me.
To think that I will soon learn to make such a menu leaves me even more curious.
Most of the video I realized, up to the moment of js, waiting for it impatiently!
Looks great I really liked!

[WrokkerGaming]

I never thought I'd understand a non-speech tutorial so well, yet here I am confident I can recreate this AND it developed my understanding of CSS. Thank you, this has been amazing. And the sound track...cosy af.

[robertuszrobi]

I downloaded a basic full stack course. Started off with HTML, then CSS, then Javascript. I am about to start React. I randomly came across this video, and the fact that I understood what was going on is making me so excited about learning to code. Thanks for the motivation. This is a very neat design.

[yassinesafraoui]

the usage of the border on the indicator instead of an after or a before( + z-index so that it comes behind) is genius, only this way you can leave the before and after tags unused to use them to round the sides. Apart from that, the box shadow trick is what I missed the most, awesome content, keep going.

[FrancoNSosa]

I didn't even know you could do all this with almost just CSS! This is very inspiring, thank you!

[jankrupinski]

Incredible. As a huge fan of pseudoelements I love this video. Good job. Awesome.

[watidev]

it seems like its realy simple and i can tell you that showing people hard things and turn it like its easy is a great skill !!!
It gave me the will to do the same thing but i know nothing about css XD
Thats a great work

[hadiozturk]

As a person who is really new at programming i have really excited that. Keep it up bro you give us inspiration. Nice work

[SamerLOLOfficial]

I would rate it 10/10, excellent design and color picking.

[codingcrush.]

You're one of the best youtuber that I follow and I have a good level today thanks to your videos

[RaveKev]

That border-radius and box-shadow was brilliant! thx

[ethlny]

The fact that this guy helped one of my senior get his degree 2 years ago and that thanks to him I got a perfect grade this year is one of the most amazing fact I have

[mrCetus]

It is a very clever technique! Congrats! I'd just advice against putting a div tag as a li sibling inside the ul. For semantic purposes, It would be more recommended using the nav tag as the container of the navigation block, and use appropriate elements for the items (links or buttons) keeping the div as the active marker.

[kingsleyeshun_]

OH MY GOD . You're always blowing my mind with such awesome ideas.. Thanks very much bro.

[GHOSTBRSERVER]

sem duvidas vc e um dos melhores mano, parabens vc e top, se possivel na proxima va falando fica mais facil acompanhar

[HarryEdwards-zkok]

Bro You are so genius ! All of your designs are mind-blowing.

[balramraika]

Your tutorial always amazed me. So clean