Back to Snippets

Animated Hamburger Menu CSS

Add delight to your mobile menu with this animated hamburger icon. We use a simple checkbox hack to toggle the state, which transforms the three lines into a sleek "X" without needing JavaScript.

501
#css
#hamburger menu
#animation
#mobile
#navigation
#icon
Run /HTML *CSS ()JS Output Console0 Live Updates Focus