Dropdown Menu using Html CSS & Vanilla Javascript

Enroll My Course : Next Level CSS Animation and Hover Effects
www.udemy.com/course/css-hove...
Another Course : Build Complete Real World Responsive Websites from Scratch
www.udemy.com/course/complete...
------------------
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.onlinetutorialsweb.com
Buy Me A Coffee : www.buymeacoffee.com/onlineTu...
------------------
#csseffect #topcsseffects
------------------
give proper credit if you repost this on other social media platform
------------------
Inspired By These
Responsive Navigation Drawer using HTML CSS & Javascript | Drawer Menu
• Responsive Navigation ...
Navigation Menu Using Html CSS & Javascript | Curved Outside in Active Tab
• Navigation Menu Using ...
How To Create a Responsive Dropdown Navigation Bar | Dropdown Menu using Html CSS & Javascript
• How To Create a Respon...
User Account Dropdown Menu using Html CSS & Vanilla Javascript
• User Account Dropdown ...
------------------
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

[@ZahidKhan-th8pz]

Hi please make a video on mega dropdown navbar please please please

[@horsefuneral6542]

Nice work! By far the best RUclips WebDev channel

[@OK_Ed.]

The music in your videos . Man i love themmm..!!!!!

[@Merctoonz]

Love the content, keep it up!👍

[@STech04]

Wow Amazing Sir ❤❤💖💖

[@thed2286]

Good Video bro, keep going!

[@Edu-Coimbra]

Fancy, ease and cool code! Thanks

[@sr_dnx5359]

Thanks for the vid, really great tutorial!

[@vikingo_chile2024]

Gracias por Compartir.. saludos de Chile

[@ysammo214]

This is amazing thankyou so much!

[@AjitSingh-rg3zu]

Thanks Brother for such wonderful videos

[@rajkamalkumar4866]

That's great references

[@reshalmaryson3225]

Best as always🔥... But I'll give it a try myself... If i get stuck in something then I'll watch the Video!

[@JohnnyCBCS]

thank you very much for posting!!

[@severinojoaquim]

Magnífico! Muito obrigado.

[@carlosgomez7002]

Muy bueno. Gracias por compartir

[@hananela1673]

عمل رائع !❤️👍

[@jeager_07]

mast yaar bhot bdya

[@loguttu]

What a video Boss 👍👌👌🙏🙏🙏

[@bhishek_]

Great Sir! This what I am looking for.
Sir plz make video on how to make a spectrum or visualizer like ncs using javascript. 🙏🙏🙏

[@youtubel1239]

thanks you , THE BEST !

[@markdemasseur]

Very nice bro 👍🏻

[@grovecatcomedy7021]

Hi sir i am big fan of your , i am just requesting you to make a full website with backend

[@ZahidKhan-th8pz]

Nice one

[@shhdevon]

Hi man! Are you good in backend? Would enjoy watching some backend tutorials!

[@nguyenba07_cong51]

very good

[@anukashyap4817]

Very super 🙏🌹

[@super_on]

Thank you

[@Code_Solver]

MashaAllah 🥰

[@user-ho3zi7ux7n]

영상에서 보이는 마우스 소리 와 클릭 이펙트 효과가 궁금합니다.(한글)

[@adityaprogrammer6519]

Thank you bro I love your chanelll....❤️❤️❤️🔥

Tks

[@justblnc]

awesome!
may i know how to make chrome auto refresh when coading in visual studio code?

[@muhammadfasih8209]

use "Live Server" extension in VS Code

[@mdbijoy4181]

Sir Where are you from

[@mauryavivek535]

Hii sir

[@raymondmichael4987]

But yours move both ways, top & bottom,
Expected to move downward only

[@webdevelopement6887]

Please create a video of slide toggle with pure javascript without jquery

[@mr.x3453]

Bro make a video how
Javis computer look cool
With coding..

[@AdeyCoder]

👍👏🏽

[@eltondsouza4630]

Sir please make this video zoom

[@codingroom928]

i expected non-specific height transition ㅠㅠ

[@mdbijoy4181]

I need you help

[@nso655]

Ахуенно) Спасибо)

[@adamidix]

поддерживаю)

[@bebeto123g]

НА практике вариант так себе. Работает только для фиксированной высоты блока, а при адаптиве редко находятся блоки с фиксированной высотой. На деле нужно будет задавать высоту скрываемому блоку 0 и уже через JS брать scrollHeight и ставить значение для высоты через инлайн стили. А если нужна плавная анимация, то либо через таймауты делать высоту "auto", либо вешать слушатель на transitionend. Хотя для понятия концепции скрытия новичку пойдет.

[@adamidix]

@@bebeto123g мир тебе дев) я по немногу изучаю эту часть анимации на данный момент, хочу несколько сделать и в свое портфолию выставить)

[@adamidix]

@HTML Daksh the Russian language is my friend, and yes, it is very strange)

[@HatakeKakashi10]

How long does it take to make this?

[@OnlineTutorialsYT]

10minutes

[@HatakeKakashi10]

@@OnlineTutorialsYT 😳😳 really

[@AAAAAA-gj2di]

@@HatakeKakashi10 30 if you're doing on your own and 5 minutes if Ctrl+C Ctrl+V

[@JaskaranSingh-nx7iv]

Yo first comment

[@babayaga6172]

Sir please add your voice instead of bg music we can get clear idea..
Who is agreed with me 🙄

[@prabhakarmishra2182]

Stop putting these loud music

[@sergeymatvienko9877]

тю