今天在整理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 >
<feGaussianBlur stdDeviation="3" />
</filter>
</svg>

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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-01
  • 2021-12-03
  • 2021-12-30
  • 2022-12-23
猜你喜欢
  • 2021-08-13
  • 2022-12-23
  • 2021-11-23
  • 2022-12-23
  • 2022-12-23
  • 2022-03-13
  • 2022-01-27
相关资源
相似解决方案