title: CSS Blur in IE 11
body: <p>I have been trying to get A css blur effect in IE 11 for hours and did not make any progress. I tried to use the following simple html:</p>
  
  <pre><code> &lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;style type="text/css"&gt;
              .blur{
                  -ms-filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='50');
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
          &lt;img src='http://img3.wikia.nocookie.net/__cb20120627075127/kirby/en/images/0/01/KDCol_Kirby_K64.png' class="blur" /&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>I also tried just using the filter without the ms prefix. I saw that filter code on <a href="http://jsbin.com/ulufot/31/edit">http://jsbin.com/ulufot/31/edit</a> and even consulted the microsoft example <a href="http://samples.msdn.microsoft.com/workshop/samples/author/filter/blur.htm">http://samples.msdn.microsoft.com/workshop/samples/author/filter/blur.htm</a> which does not work in my IE 11 on Win7. Do you have any ideas, what I could be doint wrong?</p>
  
  <p>probably interesting if you are struggling too: <a href="http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_svg-filter-effects.htm">http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_svg-filter-effects.htm</a></p>