Skip to navigation

Show / Hide Navigation (target)

An example of a simple technique to show and hide navigation, manipulating the :target pseudo class. Particularly useful when designing for mobile.

This also uses CSS gradients to produce the "show" and "hide" button icons instead of images.

Spiffing.

See the related HTML Dog Techniques article for more.

HTML Dog