我发现这个整洁的技术,跨浏览器模糊.但是看起来这个转变并没有什么效果,所以我分手了,把转换时间和模糊量提高了一下,确定它已经发生了.
img.blur {
-webkit-filter: blur(30px); -moz-filter: blur(30px);
-o-filter: blur(30px); -ms-filter: blur(30px);
filter: url(#blur); filter: blur(30px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
-webkit-transition: 2s -webkit-filter linear;
-moz-transition: 2s -moz-filter linear;
-o-transition: 2s -o-filter linear;
transition: 2s filter linear;
}
http://codepen.io/CSobol/pen/LGCiw
过渡：过滤器由于某种原因不起作用吗？
解决方法
转换已经没有前缀了,但是过滤器没有,所以转换是超越webkit转换,但是后来不知道如何处理未修改的过滤器.这项修正案有效：
transition: 2s -webkit-filter linear;
