Here is the list of 7 simple menu icon animation (hamburger) for beginners. All animation are done with CSS transform property, no framework, no complex JavaScript. A few lines of JavaScript is used, just to mimic the checkbox behavior. Play with them, if you find any errors let me know, Happy Coding.
You can uses this website to get your own cubic-bezier value.
Top comments (4)
Great
Thank you
Nice list, but commenting the CSS or explaining would be useful for beginners - otherwise this is just a list of nice menu icons for them to copy and paste and then break trying to edit them!
that's a good point, noted, I will update it soon. Thanks for the feedback