DEV Community

loading...
Cover image for 7 Simple Menu Icon Animation For Beginners

7 Simple Menu Icon Animation For Beginners

kiranrajvjd profile image Kiran Raj R Updated on ・1 min read

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
Collapse
kiranrajvjd profile image
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

Forem Open with the Forem app