CSS

Pure CSS Burger Toggle Button

W3Tweaks Team

Frontend Tutorials

Mar 25, 2018 1 min read

Pure CSS Burger Toggle using with SVG, CSS and Animation 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.

Download source