Question

I have been having trouble setting a box shadow on the left side of an element only.

I tried this:

.box {
    box-shadow: -10px 0px 3px 0px #aaa;
}

<div class="box">Example element</div>

However, the box shadow looks more like a grey line and lacks the regular shadow-effect that I am used to when using box-shadow. Also, the above example includes a small top box-shadow that I am trying to get rid of.

Answer 1

You probably need more blur and a little less spread.

box-shadow: -10px 0px 10px 1px #aaaaaa;

Try messing around with the box shadow generator here http://css3generator.com/ until you get your desired effect.