ブラウザ間CSSテキストブラー効果

ChromeブラウザはCSS 3フィルタ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