开发学院网页设计DivCss 巧用CSS制作特效艺术字(7例) 阅读

巧用CSS制作特效艺术字(7例)

 2008-10-20 19:30:45 来源:WEB开发网   
核心提示:1.blur滤镜效果:代码如下: <TABLE height=50 width="100%" align=center border=0><TBODY><TR><TD style="FILTER: blur(direction=135,streng

1.blur滤镜效果:

代码如下:


 <TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: blur(direction=135,strength=8)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>
 

2.dropshadow滤镜效果:

代码如下:


<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>
 

3.glow滤镜效果

代码如下:


 <TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(color=#B4BBCF,strength=5)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>
 

4.两种滤镜.shadow和alpha效果:

代码如下:

 <TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,finishiopacity=0,style=1)shadow(color=#8C96B5,direction=135)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>

 
5.两个滤镜mask和shadow效果

代码如下:

<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#E1E4EC)shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>
 

6. 用glow滤镜可以做空心字,方法是将字体颜色设置为背景色,

再将glow滤镜的strenght的值设置为1或2即可。

代码如下:

<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(color=#8C96B5,strength=2)shadow(color=#B4BBCF,direction=135)" align=middle><FONT face=黑体 color=#e1e4ec size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>

 
7.

代码如下:

<TABLE height=50 cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(strength=4)mask(color=#E1E4EC)" vAlign=center align=middle height=50><FONT face=Verdana color=#8c96b5 size=6><I><B>欢迎光临互联友吧的博客!</B></I></FONT></TD></TR></TBODY></TABLE>

Tags:

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接