热门关键字： 　CSS教程　 CSS布局　 CSS样式　 CSS hack 　CSS JS

当前位置 :| 主页>CSS实例>

用CSS滤镜制作特殊效果文字

来源：cssplay 作者：cssplay 时间：2008-05-14 点击：

运行代码框如下

<style>     .abc { line-height: 22px} .t12 { font-family:华文行楷; font-size: 15px; font-weight: lighter; color: ##C3C1C1; Filter: dropshadow(color=#ffffff,offx=1,offy=1); TEXT-ALIGN: center; TEXT-DECORATION: none } </style> <BODY BGCOLOR=#C3C1C1 style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=green,endColorStr=white);"> <center> <TABLE><TR><TD style="FILTER: glow(color:#308148,strength=5);color: #ffffff;font-size:18px;font-family:隶书"> 關鍵問題不是走多遠，而是，你是否具有足夠堅定的意志和信念來走這條路，無論他有多遠。</TD></TR></TABLE> <br><br> <center><span style="color:#09ff11;font: italic 900 16pt 隶书;width: 220;filter: shadow(color=red,direction=135);">自己动手丰衣足食</span> <br><br><br> <table bgcolor=#aaaaaa style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=green,endColorStr=white);"><tr><td style="filter:dropshadow(offX=1,offY=1,color=#000000);color:#ffffff;font-size:18px;font-family:华文行楷">雅语独喃<b><font color='#22FF22'>知</font><font color='#FF2222'>往</font><font color='#001199'>观</font><font color='#00fffa'>来</font></b></td></tr></table> <br><br> <style type="text/css">.3dfont { FILTER: glow(color=lime,strength=0) shadow(color=lime,direction:135); WIDTH: 678;font-family:隶书;font-size:16px; } </style> <center> <table border="0" width="569"><tr><td width="100%" class="3dfont"><font color="#008040">身高不过1米68，腰圆腿粗像西瓜，头大嘴小鼻梁趴，一张大嘴缺门牙！</font></td></tr></table> <br> <table width="400" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="#999999" bgcolor="#D1D2A4"> <tr> <td style="padding:15px;letter-spacing:3px; COLOR: #6b6c35; FILTER: dropshadow(color=#ffffcc,offx=1,offy=1);" >北国风光，千里冰封，万里雪飘。望长城内外，惟馀莽莽；大河上下，顿失滔滔。山舞银蛇，原驰蜡象，欲与天公试比高。须晴日，看红妆素裹，分外妖娆。</td> </tr> </table> <br> <table width="312" height="123" border="0" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#ffdf03"><div style="filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=black);color:orange;width:100%;font-family:华文新魏;font-size:17px;"><center>织梦好，蚂蚁好；蚂蚁好，织梦更好</div></td> </tr> </table> <br> <br><br> <table width="234" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="filter:blur(add=1,direction=135,strength=7)"> <tr> <th scope="row" style="font-family:华文行楷;font-size:18px;color:red;">我想让里面的字正常显示</th> </tr> </table> <br><br> <table> <tr> <td width="510"> <div style="height:1;width:100%; font-family:impact;font-size:14pt;color:deeppink;display:block; filter:progid:DXImageTransform.Microsoft.wave(Strength=3)"> <p align="center">看小蜜的身材怎么样?您是否已爱上了她! </div></td> </tr> <tr> </table> <table> <tr> <td width="510"> <div style="filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5); height:1;font-size:20pt;font-family:impact;background-color:blue"> <p align="center"> I just couldn't help it.</div></td> </tr> <tr> <td width="510"> <div style="filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5); height:1;font-family:impact;font-size:20pt;background-color:blue"> <p align="center">We'd better be off.</div></td> </tr> <tr> </table> <br><br> <table> <tr> <td style="FILTER: alpha(opacity=100,finishiopacity=0,style=1) shadow(color=blue,direction=135,strength=6)" align="center"><font color="blue" size="7" face="华文新魏">文章版权归我站和作者共有</font></td> </tr> <tr> <td style="FILTER: glow(color=#bb0909,strength=2) shadow(color=#22BB09,direction=135)" align="center"><font color=#E1E4EC size=6 face="华文新魏"><b>让自己不至于在等待回贴的过程中血气上涌</b></font></td> </tr> <tr> <td style="FILTER: glow(color=yellow,strength=4) mask(color=green) chroma(color=#B4BBCF)" align="center" height=54><font color=#fa2233 size=6 face="华文彩云"><b>一个神奇的测试，更能加深彼此的感情 </b></font></td> </tr> </table> <br><br> <style type="text/css"> .a1 { font-size: 32px; font-family: "华文行楷"; color: red; filter: dropshadow(color=#fa00fd,offX=1,offY=1,positives=true); height: 20px; } </style> <center> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"><div class="a1">看书看棋看美人赏花赏月赏秋香</div></td> </tr> </table> <br><br> <br>
提示：您可以先修改部分代码再运行

Tag：CSS滤镜 特殊效果文字 CSS实例

[收藏] [推荐] [评论] [打印] [关闭]

0

上一篇：利用CSS的Clip属性来制作多彩文字
下一篇：CSS样式表实现文字变图象特效

最新评论共有 0 位网友发表了评论

查看所有评论

发表评论

栏目列表

热点实例

相关文章

玩转CSS - CSSPLAY中文官方网站致力于CSS技术的提高

Powered by CSSPLAY V51GBK_SP1 ©2004-2008 CSSPLAY Inc.