Best viewed in WebKit based browsers (such as Safari and Chrome). these browser hacks are mostly -webkit specific at this time. Don't forget there are both linear and radial gradients. Spacing is incredibly critical in the CSS.
We can have multiple colors included in our gradient.
Next, we have a gradient fading to white.
Here we include a backgorund image along with the gradient.
In the example below, we are working with two circles. Note the location of the circles in the source code. To center, use 50% 50% for both.
Note that only -webkit CSS hacks work with gradients.