Shadow effect background image

 

Ever wondered how to achieve a shadowed background.

The image is 780 px wide and the page background color matches the end sections of the gradient fill so that it appears we have a shadowed effect. We use the center center position so that it stays centered horizontally on the page regardless of window size.

View the background image here:

Get the background png file here:

 

Stylesheet:

Back to tutorial page