Awesome Animation CSS Hamburger Menu - HTML5 CSS3 Tutorial
Do Not Forget To Like & Subscribe In The Channel:
For further actions, you may consider blocking this person and/or reporting abuse
Read next
Building React Native In-App Modules bypassing the JS bridge.
Ritesh Shukla -
Login/cadastro com firebase + Vue JS #PASSO 1️⃣
Jackson Dhanyel Santin -
Stop Making These Component Mistakes
Paul Adeyele -
I created a video tutorial on how to make a responsive sidebar using CSS and vanilla Javascript
Louis Austke -
Top comments (26)
Nice but not scaleable. Just try changing the width/height, falls apart, animation and axis alignment no longer looks right.
It is perfectly scalable.
Just add
scale(.5);in line 14 in .wrapper transform and you will have it half the size.not scaleable with scale(). The element will still take up its original size in the document, so you may need to use negative margins to deal with it, it's a bit inconvenient and hackish to apply negative margins for this case.
Also, does not lend well to a responsive layout. These issues have to be fixed so that width and height can be controller from parent button.
You are totally right brother 👊 this burgers are beautiful but not useful for real website's 🙏😁🌷
Any plans to correct your design?
My design? :D
the structure/css approach
I feel like the animation is a little too long to be usable on a live website, but other than that this is a really nice animation!
Looks sleak dude! 👏👏
Thanks
Expected a hamburger with lettuce, tomatoe, pickles, cheese, and beef. My disappointment is immeasurable and my day is ruined. I would like a refund.
This animation is so cool, seriously keep it up!
thanks
This is cool. Do you have codepen link for this code?
If you click on the codepen logo in the upper right it will take you to the webpage. Full link to the pen is codepen.io/ahmadbassamemran/pen/ab...
cheers ✌🏽️
Thanks,
The Source Code link in description below youtube video
Sweet!
Thanks
Great!
Very cool
Thanks
Nice job man!
Thanks