Dan Powell

Dan Powell

← Back to home
Preview of CSS only menu from left
View on CodePen ↗

CSS only menu from left


This is a quick and dirty demo of the checkbox hack strategy for a CSS only hide&show menu.

This avoids the need to include javascript of any sorts and builds out the modern feature set a savvy user expects.

The menu is hidden by default and grows in from the left only when the "button" is clicked.

See https://codepen.io/bloom-dan/pen/vKdoar for a top-down drop in. Check out https://codepen.io/bloom-dan/pen/bwpabj for smart mobile hamburgers.