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>

 

效果：

     

 

缺點：

雖然效果實現了，但是代碼量增加了，呵呵~~