#158: An Expando Button Menu

I saw a Dribbble shot the other day by Eli Brumley that had a cool interactive effect. A simple circular blue button, when clicked, expands into a small menu itself. I fired up Professor Mode on CodePen to let people watch as I built, but I also recorded it so I could talk my way through it and publish it here.

The intention here is a thinking exercise involving HTML, CSS, JavaScript, SVG, and design. It's not a perfect production-ready widget. In fact, at the end, we discuss some of the things we didn't get to.

See the Pen Menu Toggle Thing by Chris Coyier (@chriscoyier) on CodePen.

Deploy a static site in one minute
Build and deploy a CMS-enabled site with Gatsby in just a few clicks. It's free.
This comment thread is closed. If you have important information to share, please contact us.