太湖家园论坛_用CSS滤镜组合制作艺术字体

caixiao 发表于 2006-5-16 09:40

<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: dropshadow(color=#FFCCFF,offx=6,offy=20,positive=1)" align=middle>
<FONT style="FONT-SIZE: 80pt; WIDTH: 100%; COLOR: green; LINE-HEIGHT: 100%; FONT-FAMILY: 华文新魏"><B><I>感兴趣的朋友可以试试</I></B></FONT>
</TD></TR></TBODY></TABLE>

caixiao 发表于 2006-5-16 09:45

用代码制作蜡烛
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)">
</TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ff0000)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center border=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>

caixiao 发表于 2006-5-16 09:45

代码
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)">
</TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ff0000)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center border=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>

说明:不管什么颜色的蜡烛,点燃后火焰应该是红黄色的,蜡烛的上部也是黄色的.

要达到这种效果,我们用CSS颜色渐变就可以作到.

火焰的语法里已经用了style="FILTER: alpha(opacity=100,finishopacity=0,style=2)"

那么可以在<td>里使用渐变,即把

style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"

这一句放在<td>里.

gradientType=0 表示渐变的方向.

0从上往下渐变

1从左往右渐变

startColorstr=yellow

渐变开始的颜色

endColorstr=red

渐变结束的颜色

caixiao 发表于 2006-5-16 09:47

caixiao 发表于 2006-5-16 09:49

caixiao 发表于 2006-5-16 09:53

<DIV id=table1 style="MARGIN-TOP: 150px; LEFT: -200px; MARGIN-BOTTOM: 150px; WIDTH: 970px; POSITION: relative; TOP: 90px">
<TABLE style="BORDER-RIGHT: #9b0000 16px ridge; BORDER-TOP: #9b0000 16px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 16px ridge; BORDER-BOTTOM: #9b0000 16px ridge; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#FF00FF, endColorstr=#0000FF)"><FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏">
<MARQUEE scrollAmount=3 behavior=alternate width="80%">祝你生日快乐</MARQUEE></FONT>
<TABLE cellSpacing=15 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width="20%"></TD>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ff0000)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD>
<TD width="20%"></TD>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ff8c00)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD>
<TD width="20%"></TD></TR>
<TR>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ffff00)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center bgColor=#ff8c00 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD>
<TD width="20%"></TD>
<TD width="20%">
<P align=center><IMG src="http://bbs.thhome.net/attachment/Mon_0605/6_2501_b2887226b5e4f6b.gif" border=0> </P></TD>
<TD width="20%"></TD>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#00ff00)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center bgColor=#ffff00 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD></TR>
<TR>
<TD width="20%"></TD>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#00ffff)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center bgColor=#00ff00 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD>
<TD width="20%"></TD>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ff00ff)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center bgColor=#00ff00 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD>
<TD width="20%"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<embed src="http://music.ewen.cc/wma/n00000020/n0000002091.wma" type="audio/x-pn-realaudio-plugin" controls="ControlPanel,StatusBar" height=0 width=0 autostart="true" loop="true">

最爱0052 发表于 2006-5-16 09:54

楼主，用心啊
很漂亮
是该好好学学

caixiao 发表于 2006-5-16 09:56

引用第16楼最爱0052于2006-05-16 09:54发表的“”:
楼主，用心啊
很漂亮
是该好好学学
谢谢鼓励！

caixiao 发表于 2006-5-16 09:57

生日快乐代码
<DIV id=table1 style="MARGIN-TOP: 150px; LEFT: -200px; MARGIN-BOTTOM: 150px; WIDTH: 970px; POSITION: relative; TOP: 90px">
<TABLE style="BORDER-RIGHT: #9b0000 16px ridge; BORDER-TOP: #9b0000 16px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 16px ridge; BORDER-BOTTOM: #9b0000 16px ridge; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#FF00FF, endColorstr=#0000FF)"><FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏">
<MARQUEE scrollAmount=3 behavior=alternate width="80%">祝你生日快乐</MARQUEE></FONT>
<TABLE cellSpacing=15 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width="20%"></TD>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ff0000)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD>
<TD width="20%"></TD>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ff8c00)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD>
<TD width="20%"></TD></TR>
<TR>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ffff00)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center bgColor=#ff8c00 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD>
<TD width="20%"></TD>
<TD width="20%">
<P align=center><IMG src="http://bbs.thhome.net/p_w_upload/Mon_0605/6_2501_b2887226b5e4f6b.gif" border=0> </P></TD>
<TD width="20%"></TD>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#00ff00)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center bgColor=#ffff00 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD></TR>
<TR>
<TD width="20%"></TD>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>

<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#00ffff)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center bgColor=#00ff00 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD>
<TD width="20%"></TD>
<TD width="20%">
<P align=center>
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ff00ff)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center bgColor=#00ff00 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></P></TD>
<TD width="20%"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

灯塔守望者 发表于 2006-5-16 10:02

caixiao那图片搞笑哦~

页: 1 [2] 3 4 5 6

太湖家园论坛's Archiver