Using CSS3 With Gradients

In one of my previous blogs, I wrote about my desire to move forward with converting my site to HTML5 and CSS3.  Obviously I can't make a FULL transition due to browser backward compatibility, time, and what is supported with newer browsers. However, the longest journey begins with a single step.  My first step in this transition is to replace the top image header, with a pure CSS3 solution.  Having the ability to apply gradients with CSS3 I was able to completely remove that banner image with just a few lines.

Simple yet effective.