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模糊滤镜的主要内容,如果未能解决你的问题,请参考以下文章