Light Horizontal Navigation
The functional demo can be seen above.
A light, chunky navigation menu with nice hover and active states.
This snippet makes heavy use of the :active pseudo class in order to toggle the active element as soon as the user presses the mouse button and increase the responsiveness of the UI.
JavaScript can then take over when the user releases the mouse button (onclick) to make the change permanent (not implemented here).
Credit to Daniel Hug for the inset text-shadow effect.
Original PSD by Pixeden.
Leave a Reply