DEV Community

Cover image for 7 Simple Menu Icon Animation For Beginners
Kiran Raj R
Kiran Raj R

Posted on • Updated on

7 Simple Menu Icon Animation For Beginners

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.


Discussion (4)

Collapse
yellow profile image
Nam Nam

Great

Collapse
kiranrajvjd profile image
Kiran Raj R Author

Thank you

Collapse
inhuofficial profile image
InHuOfficial

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!

Collapse
kiranrajvjd profile image
Kiran Raj R Author

that's a good point, noted, I will update it soon. Thanks for the feedback