跨浏览器CSS文本模糊效果

Chrome浏览器支持CSS3滤镜filter:blur方法,可以简单的实现文本模糊效果。

但是该方法在Firefox(35版本以前)、IE和opera下面不完全兼容。要实现跨浏览器文本模糊效果,可以使用text-shadow方法。

span.blur {
text-shadow: 0 0 8px #000; color: rgba(255,255,255,0);
filter: DXImageTransform.Microsoft.Blur(pixelradius=2);
zoom: 1; }

上述DXImageTransform是为了兼容老版本IE浏览器。

代码和在线演示地址:http://wow.techbrood.com/fiddle/2780

跨浏览器CSS文本模糊效果

相关文章:

你感兴趣的文章:

标签云: