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