css blur模糊滤镜

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css blur模糊滤镜相关的知识,希望对你有一定的参考价值。

<style>
img
filter:blur(add=true,direction=90,strength=25);

</style>

</head>
<body>
<img src="imges/ssaaa/2.jpg" />
</body>

代码没有错。但是不知道为什么没有出滤镜效果。。

示例:
div width:200px; filter:blur(strength=50) flipv() ;
img filter: invert();
明白哪里错了么?
参考技术A 什么浏览器追问

猎豹。谷歌。ie都试过了。没有效果

猎豹。谷歌。ie都试过了。没有效果

追答

n哦,那就是代码的问题了吧

模糊滤镜如何在 HTML5 Kinetic.Filters.Blur 中工作

【中文标题】模糊滤镜如何在 HTML5 Kinetic.Filters.Blur 中工作【英文标题】:How does Blur Filter work in HTML5 Kinetic.Filters.Blur 【发布时间】:2013-04-11 03:47:29 【问题描述】:

如何在 HTML5 中使用模糊滤镜? 我发现这个:

Kinetic.Filters.Blur(imageData, config )  

和参数:

imageData  Object  
config Object  
config.radius Integer  

用一个例子向我解释我如何做到这一点。

【问题讨论】:

【参考方案1】:
var image = new Kinetic.Image(
      x: 10,
      y: 10,
      image: imageObj,
      filter: Kinetic.Filters.Blur,
      filterRadius: 20
  );

查看本教程:http://www.html5canvastutorials.com/kineticjs/html5-canvas-tween-blur-filter-with-kineticjs/

【讨论】:

以上是关于css blur模糊滤镜的主要内容,如果未能解决你的问题,请参考以下文章

CSS滤镜

filter 滤镜

模糊滤镜如何在 HTML5 Kinetic.Filters.Blur 中工作

HTML - 毛玻璃 滤镜 模糊

为啥我的CSS中blur滤镜无法使用?

请教CSS,在有背景图的背景层上使用模糊滤镜,把内层的文字也模糊了,求不模糊文字的方法?