CSS模糊效果及其兼容方法

今天在整理IE滤镜时网站访问这里，居然找到模糊滤镜blur(),感觉太不可思议了，想不到IE居然会有这么多种滤镜效果，这基本上是模仿PS的。今天的重点是模糊滤镜

CSS模糊效果及其兼容方法

实例

兼容方法

• chrome:`-webkit-filter:blur(3px);`
  
• IE8及以下：需要注意的是IE下模糊程度较浅一点，可以将PixelRadius的值适当调大一些

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');

• FireFox:filter:url(blur.svg#blur);
  需要引入blur.svg文件，其文件内容是：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<filter id="blur">
<feGaussianBlur stdDeviation="3" />
</filter>
</svg>

可以拷贝下来另存为blur.svg;

转载于:https://www.cnblogs.com/jesse131/p/9075178.html