Animated Navigation Bar using Html CSS and Javascript

Click For More : www.youtube.co...
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
www.udemy.com/...
CSS Infinity Course : www.udemy.com/...
Another Course : Build Complete Real World Responsive Websites from Scratch
www.udemy.com/...
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
Join : / @onlinetutorialsyt
------------------
Source Code : / onlinetutorials
Facebook Page : / onlinetutorialsyt
Instagram : / onlinetutorials_youtube
Twitter : / onlinetutoria16
Website : www.onlinetutor...
Buy Me A Coffee : www.buymeacoff...
------------------
#onlinetutorials #csseffect #topcsseffects
------------------
give proper credit if you repost this on other social media platform
------------------
image source : www.pexels.com/
------------------
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

[@webcode569]

Please add asmr keyboard ⌨️ sounds

[@tectoniumhub]

Our legend is back

[@baatein_allah_ki]

Masha Allah ❤️ keep grow up brother..

[@SUPERPLAYMUSIC]

Good! thx!

[@olanricardo]

beautiful menú.

[@vfxentity]

thanks so much for the tutorial
really easy to follow and learn

[@simplehacker.123]

Iʼm first good work continue ✌️

[@OnlineTutorialsYT]

Thanks ✌️

[@iac-news]

​@@OnlineTutorialsYT sir give me code plz ?

[@godnyx117]

Amazing and you explain things great! Thanks a lot!

[@rajeshpathan164]

navigation bar mai jeysa suppose About button click kare to about page khul jaye o keyse kare pls help me sir.

[@aparnab8197]

Thank you these videos are really helpful

[@simplehacker.123]

Iʼm were first:
good work! continue ✌️

[@Kwshal]

I love your content

[@fadermacuvele6250]

Awesome

[@webcode569]

Change background music

[@blackpurple9163]

It's good

[@armanmalik2908]

Irsad bhai Apka jo paid course hai.. Usme aur isme jo RUclips free hain kitna farak hai,?. Kya wo jyada detailed mei videos hain usme jiske bad kahi par coaching lene ki need nahi h.. Thoda samjhao iske bare mei

[@PicSta]

There is one important line of CSS missing, so if you reverse animation the links lose their styling and appear unstyled. Just add this: .navigation li a, to .navigation.active li a. This way it's styled at any state.

[@godnyx117]

Where will this needs to be added? As a separate selector? And what properties it will have?

[@PicSta]

@@godnyx117 You add this to the CSS rule where the styling is and just before the curly braces and after the .classname xyz you put a comma at the end and paste what I wrote above. Hope you can follow it.

[@FdWebdesign]

Bully for you!

[@abdellahabdellah1352]

Good job 👍❤️👌

[@WebDesigner86]

Nice!

[@carmine1994]

Really amazing effect i try it, really good but diocan4 the ul tag doesn't work and i spent 2 hour to fix it
beacuse the dioc4n ul tag doesn't accept really good the property absolute 💣

[@jeevanandan7823]

Thnk you sooo much bro

[@Alexpereira1707]

Nice menu design tho. Could you explain why using 2 times border-radius on the same selector, one with 50% and the other with 60px? What's the purpose?

[@AlPol-yu8kt]

where to add position: sticky so that the menu sticks and remains in one place when scrolling?

[@iac-news]

Thanks

[@ancientSeven]

Sir can you make a calculator with an awesome background animation with glass prison effect please. I have tried but position makes me confuse 😳

[@davidgomes726]

use grid instead of position

[@ancientSeven]

@@davidgomes726 🤯🤯 Mind blowing idea I'll try it. Thanks for helping ☺️☺️😊

[@FdWebdesign]

😁

[@space8143]

This can be done without js 🙂

[@cakihorse]

how ?