方形框上的圆形框阴影

Question

有了这个：

div {
    width: 200px;
    height: 100px;
    background-color: green;
    box-shadow: 0px 0px 15px #000
}

我得到一个带有阴影的矩形。见https://jsfiddle.net/df9dfev5/问题是阴影有圆角。如何避免这种情况？

Answer 1

更少的模糊和更浅的颜色可能是这样的

https://jsfiddle.net/df9dfev5/3/

 div {
    width: 200px;
    height: 100px;
    background-color: green;
    -moz-box-shadow: 0 0 5px 5px #666;
    -webkit-box-shadow: 0 0 5px 5px #666;
    box-shadow: 0 0 5px 5px #666;
}

看这篇文章http://www.css3.info/preview/box-shadow/