css 滤镜 立体字效果

CSS:

     

#fontbox{position:relative; font-family:黑体;font-size:96px;}
#idTopDiv {color:#FFFFFF;position:absolute;z-index:4;left:6px;top:6px;}
#idDiv{position:absolute;z-index:3;left:5px;top:5px;filter:progid:DXImageTransform.Microsoft.Blur(makeShadow=true,pixelRadius=3.0,shadowOpacity=0.8);}

 

 

使用：

<div id=fontbox>
<div id=idTopDiv>请从下方选择滤镜参数的值。</div>
<div id=idDiv>请从下方选择滤镜参数的值。</div>
</div>

 

效果：

     

 

缺点：

虽然效果实现了，但是代码量增加了，呵呵~~