如何模糊Div边缘

Question

使用CSS,

如下所示:http: //gyazo.com/ff14a415cf7ac8622eb0cada3e23137f

我想要CSS(最好不是CSS3)让边缘和角落产生这种效果,而不仅仅是尖锐的egdes.

Answer 1

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

.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/