Question

Say you have a box and you use the box shadow css. How could you make this apply to only the top right bottom?

Was it helpful?

Solution

There no way for you to set which sides the box-shadow applies to.

In order to have the box shadow only apply to those side, you'd have to indent the x-axis variable like this: box-shadow:4px 0 10px black;.

Here's a demo: http://jsfiddle.net/2xFuz/

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top