Recreating CNN’s Beveled Navigation Buttons with Pure CSS
# Linked to 5 March 2010, 03:00 in Tips by Sam Brown
When CNN recently redesigned their website, they created a strongly-branded and beautiful header section that includes a navigation bar with beveled buttons. Although CNN’s navigation bar utilizes CSS sprites for highlighted and active buttons, the primary design of the buttons (the beveled effect) is done with pure CSS.
Tweet Subscribe to the RSS Feed →