How to box-shadow inset on just the Left, Bottom, Right -- not the top?

Question

I have the following box-shadow inset css3 styling:

box-shadow: inset 0 0 10px 0 rgba(255, 255, 255, 1);

The inset styling appears on all 4 sides of the box but I do not want styling on the top. How can I remove the styling from the top but keep the styling on the Left, Bottom, Right?

Thanks

Answer 1

This is what you want:

.right-left-bottom-shadow {
    box-shadow: 5px 0 5px -5px #CCC, 0 5px 5px -5px #CCC, -5px 0 5px -5px #CCC;
}

The first one is left, second bottom and last the shadow for the right side. This looks really nice if your border has color #CCC.