巧用CSS制作特效艺术字(7例)
2010-03-29 09:57
309 查看
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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</B></I></FONT></TD></TR></TBODY></TABLE>
代码如下:
<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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</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>欢迎光临WEB开发网www.cncms.com.cn!</B></I></FONT></TD></TR></TBODY></TABLE>
相关文章推荐
- CSS制作11种风格不同的特效文字
- 巧用CSS的Border属性制作特效菜单
- 巧用CSS的Border属性制作特效菜单
- 巧用CSS制作图象特效
- 巧用CSS制作图象特效
- 程序员210行纯css代码制作日出动画特效
- 巧用CSS制作文字变图象特效
- 纯css制作遮罩层特效
- 巧用CSS的Border属性制作特效菜单
- 用来制作网页特效的CSS代码,也可以用来挂马
- 用CSS制作制作一个照片演示特效代码
- CSS制作11种风格不同的特效文字
- js+css制作悬浮提示层弹出特效
- CSS制作11种风格不同的特效文字
- ..:: 巧用CSS制作艺术字 ::..[来自:无忧视窗]
- 深入理解 CSS 的 :before 和 :after 选择器(制作select下拉列表美化插件)
- 一款功能综合的CSS滑动门特效
- 大学生简单网页个人主页制作大学生网页作业html&css视频教程
- Css制作table细线表格
- [CSS]制作漂亮表格