Pure CSS Burger Toggle Button

Pure CSS Burger Toggle button with beautiful animation

This time it’s a CSS toggle built with CSS and SVG. When :checked, the patty transitions from counter to griddle. The use of transition-delay can delay the cooking fill updating on the patty. Developed by jh3y and created on MARCH 24, 2018.

Pure CSS Burger Toggle Snippet

See the Pen Pure CSS Burger Toggle by jh3y (@jh3y) on CodePen.