Question

I would like to create a shadow similar to the one on the slider at http://www.thegrovechurch.org.

I have recreated it in Photoshop, but I’m unsure of how to do it with pure CSS, which would be preferable.

Answer 1

You can try this, nearly close to that 😉

Demo

.shadow {
    box-shadow: 0 8px 6px -6px #000;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
}