我知道有很多新的CSS过滤器,我想知道是否有办法将它们应用到图像或背景图像中。我读到的所有内容都在谈论用阴影来软化图像,然而,阴影是一种颜色,我想模糊图像的边缘,这样如果它们相邻,我就可以更无缝地将它们混合在一起。现在看起来你只能对整个图像进行阴影处理或模糊处理(根据我所读的内容)
我能想到的最接近的是半透明的盒子阴影……像这样
-网络工具包盒阴影:12px 29px 81px 0px rgba(0,0,0,0.75);
-moz盒阴影:12px29px81px0pxrgba(0,0,0,0.75);
盒影:12px29px81px0pxrgba(0,0,0,0.75);
如果你想要的只是模糊图像边缘,你可以简单地使用带插图的框阴影
工作示例:
http://jsfiddle.net/d9Q5H/1/
HTML:
<;div class=“图像模糊边缘”></部门>;
CSS
。图像模糊边缘{
背景图像:url('http://lorempixel.com/200/200/city/9');
宽度:200px;
高度:200px;
/*您需要将阴影颜色与背景或图像边框相匹配,以获得所需的效果*/
盒影:0 0 8px 8px白色镶嵌;
}