CSS Drop Shadow

[TWG]

I’ve been playing around with the Gantry framework for WordPress and some new CSS tricks.

I’m trying to apply a drop shadow to the left and right sides of divs. I’ve been looking at an example that I found online but I’m still a little lost. One one specific div I want to also have the drop shadow on the left, right, and bottom side of a div.

The code that I’m playing around with is:

.rt-container { box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888; }

[TheDoc]

Because the divs aren’t connected together. If you want it to be down the side of both of them combined, then you’ll need to wrap them both in another div and put the shadow on the wrapper instead.

[Author]

Posts