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.


Top comments (4)

Collapse
 
yellow profile image
Nam Nam

Great

Collapse
 
kiranrajvjd profile image
Kiran Raj R

Thank you

Collapse
 
grahamthedev profile image
GrahamTheDev

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

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