黒のテキストと白の境界線 css_CSS/HTML

<span style="font-size:36px;position:absolute;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=4); ">hellobaby</span>
[Ctrl+A すべて選択 注:紹介する必要がある場合外部 Js を実行するには更新する必要があります ]

<span id="oo" style="font-size:36px;position:absolute;left:10px;top:10px;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=1); ">hellobaby</span>
[Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]
テキストストローク + ダイナミックグロー

<div style="width:234px;height:88px;background:0606d6;filter:progid:DXImageTransform.microsoft.dropshadow(offx=2,offY=2,color=#ffffff) progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=blue,endColorStr=skyblue)"> <font face="华文行楷" size="6px" style="position:absolute;filter:progid:DXImageTransform.microsoft.dropshadow(offx=1,offY=1,color=#ffffff) progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=4);"> </font>テキストに影を追加するだけです</div> <span id="oo" style="font-size:36px;position:absolute;left:310px;top:10px;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=1);font-family:Preciosa "> </span>不可能なことは何もありません
[Ctrl+A ですべて選択 注:

外部 Js を導入する必要がある場合は、それを更新して <script> var len=1; setInterval(function(){ oo.filters[0].strength=(len=(len+1)%7)+1; oo.style.posLeft=10-len; oo.style.posTop=10-len; },100); </script> を実行する必要があります]<script> var len=1; setInterval(function(){ oo.filters[0].strength=(len=(len+1)%7)+1; oo.style.posLeft=310-len; oo.style.posTop=10-len; },100); </script>