Submit a CSS related link →

Posh CSS

For the modern day web designer.

Recreating CNN’s Beveled Navigation Buttons with Pure CSS

# Linked to 5 March 2010, 03:00 in 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.

Read more at www.impressivewebs.com →

Sam Brown

Sam Brown is a freelance interface designer and web standards developer based in Edinburgh, Scotland. Sam's work can be seen at Massive Blue, blogs at Sam Brown and is on Twitter at @sambrown.