JSFiddle - React, Tailwind, and code Playground

HTML

<!--[if lt IE 7 ]> <div class="ie ie6"> <![endif]-->
<!--[if IE 7 ]>    <div class="ie ie7"> <![endif]-->
<!--[if IE 8 ]>    <div class="ie ie8 ie8and9"> <![endif]-->
<!--[if IE 9 ]>    <div class="ie ie9 ie8and9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <div class=""> <!--<![endif]-->
<h1><span class="shadow">Fear my shadow!</span><span>Fear my shadow!</span></h1>
</div>

CSS

body { background-color: lightgreen; }
h1 {
    color: white;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    text-shadow: #333 2px 2px 3px;
    padding-bottom:2px;
}
.shadow { display: none; }
.ie h1 span {
    position: absolute;
    color: white;
}
.ie h1 span.shadow { 
    display: inline-block;
    zoom: 1;
    color: #333;
    filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}