title: Blur text using text-shadow css on both webkit, gecko and IE10+
body: <p>I want to make a single css rule that will blur text on modern browsers.</p>
  
  <p>I have two rules: </p>
  
  <p>This one works on gecko and webkit, but not IE11:</p>
  
  <pre><code>&lt;span style="color: rgba(0, 0, 0, 0); text-shadow: 0 0 .4em rgba(0,0,0,1);"&gt;
  Example text
  &lt;/span&gt;
  </code></pre>
  
  <p>This works on IE10+, but not on webkit or gecko:</p>
  
  <pre><code>&lt;span style="color: rgba(0, 0, 0, .01); text-shadow: 0 0 .4em 0.1em rgba(0,0,0, 0.4);"&gt;
  Example text
  &lt;/span&gt;
  </code></pre>
  
  <p>I think there is an IE11 bug/feature that stops the text-shadow showing if the color is transparent.
  And IE takes an extra, necessary (for this effect to work) argument.</p>
  
  <p>Here it is on JSfiddle: <a href="http://jsfiddle.net/WWTQn" rel="nofollow">http://jsfiddle.net/WWTQn</a></p>