CSS Hamburger Menu Animation Generator

Create animated hamburger menu icons with cross, arrow, rotate, and squeeze transitions. CSS-only toggle via checkbox hack.

Animation Style

Button Size (px) Line Width (px) Line Height (px) Line Gap (px) Line Radius (px) Animation Duration (ms)

Round button background

Line Color

Active Line Color

Button Background

Click the hamburger icon to see the animation. Uses a CSS-only checkbox hack.