紫蝶 发表于 2006-8-20 23:40:16

[08/21][分享]CSS滤镜制作几种字体的代码

投影字效果：

<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD style="FILTER: dropshadow(color=#000000,offx=6,offy=20,positive=1)" align=middle> <FONT style="FONT-SIZE: 80pt; WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><I>新萤火虫 </I></B></FONT> </TD></TR></TBODY></TABLE>

<TEXTAREA rows=7cols=100><TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD style="FILTER: dropshadow(color=#000000,offx=6,offy=20,positive=1)" align=middle> <FONT style="FONT-SIZE: 80pt; WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><I>新萤火虫 </I></B></FONT> </TD></TR></TBODY></TABLE>
</TEXTAREA> <br> <br>

<br>阳文字效果:

<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD style="FILTER: mask(color=#a09261) dropshadow(color=#cc00ff,offx=-3,offy=-3,positive=1) chroma(color=#a09261)" align=middle> <FONT style="FONT-SIZE: 80pt; WIDTH: 100%; COLOR: #cc00ff; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>新萤火虫 </I></B></FONT> </TD></TR></TBODY></TABLE>

<TEXTAREA rows=7cols=100><TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD style="FILTER: mask(color=#a09261) dropshadow(color=#cc00ff,offx=-3,offy=-3,positive=1) chroma(color=#a09261)" align=middle> <FONT style="FONT-SIZE: 80pt; WIDTH: 100%; COLOR: #cc00ff; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>新萤火虫 </I></B></FONT> </TD></TR></TBODY></TABLE></TEXTAREA> <br> <br>


阴文字效果:
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD style="FILTER: mask(color=#a09261) shadow(color=#CC00FF,direction=135) chroma(color=#a09261)" align=middle> <FONT style="FONT-SIZE: 80pt; WIDTH: 100%; COLOR: #CC00FF; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>新萤火虫 </I></B></FONT> </TD></TR></TBODY></TABLE>


<TEXTAREA rows=7cols=100><TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD style="FILTER: mask(color=#a09261) shadow(color=#CC00FF,direction=135) chroma(color=#a09261)" align=middle> <FONT style="FONT-SIZE: 80pt; WIDTH: 100%; COLOR: #CC00FF; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>新萤火虫 </I></B></FONT> </TD></TR></TBODY></TABLE></TEXTAREA> <br> <br>

空心字效果:

<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD style="FILTER: glow(strength=1) mask(color=#cc00ff) chroma(color=#cc00ff)" align=middle> <FONT style="FONT-SIZE: 80pt; WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B>新萤火虫</B></FONT> </TD></TR></TBODY></TABLE>

<TEXTAREA rows=7cols=100><TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD style="FILTER: glow(strength=1) mask(color=#cc00ff) chroma(color=#ffffff)" align=middle> <FONT style="FONT-SIZE: 80pt; WIDTH: 100%; COLOR: #cc00ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B>新萤火虫</B></FONT> </TD></TR></TBODY></TABLE></TEXTAREA> <br> <br>

齿边字效果:

<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD style="FILTER: glow(strength=30) mask(color=#CC00FFF)" align=middle> <FONT style="FONT-SIZE: 80pt; WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>新萤火虫</I></B></FONT> </TD></TR></TBODY></TABLE>

<TEXTAREA rows=7cols=100><TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0> <TBODY> <TR> <TD style="FILTER: glow(strength=30) mask(color=#CC00FF)" align=middle> <FONT style="FONT-SIZE: 80pt; WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>新萤火虫</I></B></FONT> </TD></TR></TBODY></TABLE></TEXTAREA> <br> <br><BR><P align=right><A href=http://bbs.xyhc.com/viewthread.php?tid=611052&page=1&extra=page%3D1#pid851758175><FONT size=2 color=red>*已加進教程總匯*</FONT></A></P><BR>

[ 本帖最后由 月儿 于 2006-8-21 11:19 编辑 ]

绯舞 发表于 2006-8-21 01:32:17

谢谢阿紫分享^^

音乐虫子 发表于 2006-8-21 01:33:16

不错的东西。偶以后得好好来这边学一下了

月儿 发表于 2006-8-21 11:04:33

原帖由 音乐虫子 于 2006-8-21 01:33 发表
不错的东西。偶以后得好好来这边学一下了
歡迎music worm!!^^
页: [1]
查看完整版本: [08/21][分享]CSS滤镜制作几种字体的代码