Small space between box shadow and div when alpha set

Question

Fiddle here: http://jsfiddle.net/17zyydx1/

There\'s a gap on the left and right sides of the div, between the div and the box shadow.

It\'s most obvious on F

Answer 1

You can make three shadows as your shadow... One of them is your main shadow, you have to put it after two transparent shadows and adjust the two transparent shadows as you want. :))

#spsh{
background-color:cyan;
width:150px;
height:100px;
box-shadow:6px 6px 7px white , -6px 6px 7px white , 0px 20px 19px cyan;
}