DEV Community

Cover image for Cool Hamburger Animation CSS
shaheer khan
shaheer khan

Posted on

2 1

Cool Hamburger Animation CSS

Why?

Simple answer is I made this to practice CSS Animations.

But there's another reason which is I saw a ui/ux designer making this animation on IG and some people on comment section pointed out that these animations are quite complex to implement when it comes to code which is true.

But with the help of CSS transform property and its values like rotate and translate it was a little easy to do.

You can see the work on my codepen.
Link

Please feel free to drop your thoughts 🤗

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more