在Firefox和IE上运行的图像模糊效果

时间:2013-05-16 19:33:09

标签: css internet-explorer firefox webkit

我正在测试模糊效果-webkit-filter:blur(5px),它似乎只适用于Chrome。

但我发现了这个: http://vectorflower.com/preview/trans_banner/

我不知道他们是怎么做的,但是可以使用Firefox和Internet Explorer。

有谁知道他们是怎么做到的?

我认为他们用2张图片“作弊​​”,但控制台每张图片只显示1张请求。

2 个答案:

答案 0 :(得分:1)

css过滤器规范很新,在IE或Firefox中尚不支持。

http://caniuse.com/#feat=css-filters

您链接的示例使用画布直接绘制模糊效果。

答案 1 :(得分:0)

这可能会帮助您:http://css-plus.com/2010/05/how-to-add-a-gaussian-blur-effect-to-elements-within-firefox/

策略是使用'svg:filter'firefox标签

相关问题