title: How to apply a CSS 3 blur filter to a Text/image for Internet Explorer or IE 11
body: <p>I tried, below filter in my <strong>CSS</strong> to blur text, But it works on Chrome, Mozilla &amp; Safari only. I want this to work on IE 11 also. Can you suggest any alternative ? </p>
  
  <p>I don't want to apply <strong>StackBlur</strong> solution as it will hinder performance tremendously , I have many places to blur in a single page.</p>
  
  <pre><code>.blurry-text {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.00);
  -webkit-filter: blur(5px);
  background: filter: url('/media/blur.svg#blur');
  filter: blur(5px);
  filter: progid: DXImageTransform.Microsoft.Chroma(color=#333333), progid: DXImageTransform.Microsoft.MotionBlur(strength=0, direction=0), progid: DXImageTransform.Microsoft.Blur(pixelradius=5);
  color: transparent;
  }
  </code></pre>