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;