Nav Bar Experiment

Style the HTML below to create a navigation bar that is aesthetically pleasing and provides the user with feedback beyond the traditional underline or cursor change. You may add classes and id’s as needed and use up to ten css rules, plus the :hover pseudo classes. Play with transitions, effects, and sprites.

<nav>
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Buy</a></li>
<li><a href=”#”>Support</a></li>
<li><a href=”#”>Contact</a></li>
</ul>
</nav>

Review: http://css-tricks.com/css-sprites/ and http://alistapart.com/article/sprites