如何模糊Div边缘

Question

使用CSS，

如下： http://gyazo.com/ff14a415cf7ac8622eb0cada3e23137f

我想要CSS（最好不是CSS3）让边缘和角落产生这种效果，而不仅仅是尖锐的egdes。

Answer 1

您可以使用与div背景颜色相同的box-shadow来实现此效果，如下所示：

.blur-box {
    background-color: #555;
    box-shadow: 0 0 5px 10px #555;
}

您可以调整第二个和第三个参数（此处为5px和10px）以调整阴影的相对大小和模糊半径（以便按照您想要的方式获取），以及现代浏览器很好地支持此功能（请参阅：http://caniuse.com/#feat=css-boxshadow）。

这是一个jsFiddle演示：http://jsfiddle.net/bXAFt/