专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Html教程 » css滤镜:css文字滤镜 »正文

css滤镜:css文字滤镜

来源: 发布时间:星期四, 2009年2月12日 浏览:182次 评论:0


css滤镜
<table border=1 style=\"border-style: solid; border-width: 1;font-size=12px\" width=\"520\">

<tr><td width=\"510\"><span style=\"font-size:30pt;display:block;
text-align:center;color:blue;
filter:glow(color=red,strength=10);height:1\">甲虫博客</span></td></tr>

<tr><td width=\"510\"><span style=\"font-size:30pt;display:block;
text-align:center;color:darkblue;
filter:blur(add=t,direction=135,strength=10);height:1\">甲虫博客</span></td></tr>

<tr><td width=\"510\"><div style=\"color:red;font-size:25pt;height:1;display:block;
filter:progid:DXImageTransform.Microsoft.motionblur(strength=30,add=1,direction=135)\">
<p align=\"center\">甲虫博客</div></td></tr>

<tr><td width=\"510\"><div style=\"height:1;width:100%;
font-family:impact;font-size:30pt;color:navy;display:block;
filter:progid:DXImageTransform.Microsoft.wave(Strength=3)\">
<p align=\"center\">甲虫博客</div></td></tr>

<tr><td width=\"510\"><div style=\"height:1;width:100%;
font-family:impact;font-size:30pt;color:navy;display:block;
filter:progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5)\">
<p align=\"center\">甲虫博客</div></td></tr>

<tr><td width=\"510\"><span style=\"font-size:30pt;display:block;
text-align:center;color:darkblue;
filter:wave(add=t,freq=5,lightstrength=5,phase=0,strength=5);
height:1\">甲虫博客</span></td></tr>

<tr><td width=\"510\"><span style=\"font-size:30pt;display:block;
text-align:center;color:darkblue;
filter:shadow(color=blue);height:1\">甲虫博客</span></td></tr>

<tr><td width=\"510\"><div align=\"center\" style=\"height:1;font-size:30pt;
filter:dropshadow(color=maroon,positive=1);\">甲虫博客</div></td></tr>

<tr><td width=\"510\"><div align=\"center\" style=\"height:1;font-size:30pt;
filter:dropshadow(color=maroon,positive=0);\">甲虫博客</div></td></tr>

<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\">SUNNY</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\">SUNNY</div></td></tr>

<tr><td style=\"FILTER: mask(color=#E1E4EC)shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)\" align=\"center\">
<font color=\"blue\" size=\"6\"><b>甲虫博客</b></font></td></tr>

<tr><td style=\"FILTER: alpha(opacity=100,finishiopacity=0,style=1)shadow(color=blue,direction=135)\" align=\"center\">
<font color=\"blue\" size=\"6\"><b>甲虫博客</b></font></td></tr>

<tr><td style=\"FILTER: mask(color=#E1E4EC)dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)chroma(color=#E1E4EC)\"
align=\"center\"><font color=\"blue\" size=\"6\"><b>甲虫博客</b></font></td></tr>

<tr><td style=\"FILTER: glow(color=#8C96B5,strength=2)shadow(color=#B4BBCF,direction=135)\" align=\"center\"><font
color=#E1E4EC size=6><b>甲虫博客</b></font></td></tr>

<tr><td style=\"FILTER: mask(color=#E1E4EC)shadow(color=#B4BBCF,direction=135)chroma(color=#E1E4EC)\" align=\"center\"><font
color=#8C96B5 size=6><b>甲虫博客</b></font></td></tr>

<tr><td style=\"FILTER: glow(strength=1)mask(color=#B4BBCF)chroma(color=#B4BBCF)\" align=\"center\" height=54><font
color=#8C96B5 size=6><b>甲虫博客</b></font></td></tr>

<tr><td><span style=\"position:absolute;font-size:30pt;color=blue;filter:fliph\">甲虫博客 </span></td></tr>

<tr><td><span style=\"position:absolute;left:200;font-size:30pt;color=blue;filter:flipv\"> 甲虫博客</span></td></tr>



</table>

<table align=center background=\"http://www.idc2008.com/468X60-8.g\" border=0>
<tr><td style=\"FILTER: glow(strength=4)mask(color=#E1E4EC)\"><font size=\"7\">
<b></b></font></td>
</tr>
</table>
0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: