Animated Hamburger Menu Tutorial - CSS Effects

If you want to have it with less code, use jquery:

$(".menu-btn").click(function(){
$(".menu-btn").toggleClass("open");
});

That's it. Br Marcel

Very helpful Thanks !!

doesnt work.

thanks a lot!

mine didn't work the part of the animation =\

THANKS!

Very good. Thank you.

This was very to the point and easy to understand thanks

tks you verymuch ^^

Heyyy, what if I want to put links in the menu? How do I do it?

Nice tuttorial buddy, i am now collecting nice navbars for my coding experiences and i will use this in my projects, thank you for nice video with all the explanation

Very good.. with code and alles!

แล้วถ้าเรายากให้มีแถบเมนูด้วยละครับ

Thanks bro

nice fast video :)

How do i make a droppen from This menu?

Very cool tutorial, thanks a million 😁. How do you remove the middle line instead of animating it to the left when clicking?

make a video showing how to add a dropdown menu with this to create a cool navigation icon.

For me you got the point, no wasting time just pure content...GREAT JOB !!!!

I just copied the whole code without any error and ut don't work help

This is probably one of the best Tutorials I've ever seen. Thanks for your good Video!

Thank you so much for this!
I would like to ask if it is okay if i use this menu design in my project? Thank you.

Bruh your voice sound like ACEU the Apex Legends Streamer.

Awesome. thanks. Instead of JS I used the <input type='checkbox'> with the <label> <span> tags to form the menu lines.

amazing, to the point &
exact work. Thank you

wow! this is brief and wonderful

Very easy and simple for beginners, thanks man !

Really loved this quick and right to the point video format! And if I needed to I could just pause or slow down the video

Great video bro, helped me a lot!

what a banger

I dont LIke this video

Wonderful video, helps a lot thanks!

Amazing man 🤩

How do you put the links inside please

nice and informative👌

LOVE to quick, straightforward, and impactful video brother!

This was extremely helpful, thank you

thank ' s

thank ' s

Does anyone know how do you make the spaces between the lines smaller? Thank you in advance

REACT

Awesome tutorial, and nice and simple animation!

For those of you wanting to implement this in React, you can simply use state for the menu button being open or not opened, and right before the if statement checking if the boolean is true or false (menuOpen), you perform a null-check. This is because when you reference the DOM-element called menu-btn, the first time it will be null until the DOM has rendered.

This might be a very hacky solution, but it's the best one I could think of.

Nice and straight forward. Love it!

Awesome!!!! I hope there is a follow up video 🙂 connecting an actual menu

Thanks

The bars r turning to X sign, but how will I turn it back to bars??

Hey question! What can I do when I get the error the keyword const is reserved?

i thought he was making an actual ROTATING BURGER ROFL but that takes Dreamweaver no?

Thanks a lot! The good video!