各种代码特效字的制作
广告投放★自助友情CMS落伍广告联盟晒乐广告联盟脉动广告联盟品味广告联盟
广告位可自定样式联系QQ:4285248个文字广告月20元广告联系QQ:428524广告位可自定样式
8个文字广告月20元黄金广告位每月20元广告位可自定样式联系QQ:428524广告位可自定样式
左旋肉碱、全国包邮
买二送一、无效退款

文章浏览→建站指南代码特效→各种代码特效字的制作

各种代码特效字的制作
各种代码特效字的制作
各种代码特效字的制作
 
 
      用代码特效制作各种特效字,可以使你的博客变得更加多姿多彩,尤其是文章标题使用这种效果就更加漂亮,为你的博客增色添彩,下面我就来介绍多种特效字的制作方法
 
      这些特效字实际上是一种CSS滤镜语言,好在我试验了一下,目前新浪博客还支持。幸好支持,不然又要用记事本上传后才能显示,这个滤镜可以直接粘贴到博客中显示效果。
 
      注明一下:代码中的文字可以更换成自己需要的文字,其中FONT-SIZE:是文字的大小,可以调整后面的数字,数值越大文字就越大。代码中的COLOR:是文字的颜色,可以更换后面的英语来改变字体颜色,或者输入颜色代码使文字变成更多的颜色。FONT-FAMILY:是字体,可以直接输入汉语,比如方正舒体、楷体等等
 
1、alpha滤镜的使用
 
代码:<P align=center>
<FONT style="FONT-SIZE: 30pt; filter:alpha(opacity=100,style=2); WIDTH: 100%; COLOR: red; LINE-HEIGHT:150%; FONT-FAMILY: 方正舒体">
alpha滤镜文字的使用<br>alpha滤镜文字的使用<br>alpha滤镜文字的使用<br>alpha滤镜文字的使用<br>
</FONT></P>
 
效果如下:

alpha滤镜文字的使用
alpha滤镜文字的使用
alpha滤镜文字的使用
alpha滤镜文字的使用

2、Blur滤镜的使用
代码:<P align=center>
<FONT style="FONT-SIZE: 30pt; filter:blur(add=1,direction=30,strength=5); WIDTH: 100%; COLOR: red;LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">
Blur滤镜文字的使用
</FONT></P>
效果:

Blur滤镜文字的使用

 
3、 shadow滤镜的使用
代码:<P align=center>
<FONT style="FONT-SIZE: 30pt; filter:shadow(color=black,direction=180); WIDTH: 100%; COLOR: red;LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">
shadow滤镜文字的使用</FONT></P>
效果:

shadow滤镜文字的使用

4、dropshadow滤镜的使用
代码:<P align=center>
<FONT style="FONT-SIZE: 25pt; filter:dropshadow(color=lightred,offX=5,offY=3,Positive=1); WIDTH: 100%;COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">
dropshadow滤镜文字的使用
</FONT></P>
效果:

dropshadow滤镜文字的使用

 

5、wave滤镜的使用

代码1不加倒影:<P align=center>
<FONT style="FONT-SIZE: 30pt; filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30); WIDTH:100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY:方正舒体">
wave滤镜文字的使用
</FONT></P>

效果:

wave滤镜文字的使用

代码2,加倒影
<P align=center>
<FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: red;LINE-HEIGHT: 100%; FONT-FAMILY:方正舒体">wave滤镜文字的使用</FONT>
<FONT style="FONT-SIZE: 30pt; filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30) flipv;WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY:方正舒体">
wave滤镜文字的使用
</FONT></P>
效果:

wave滤镜文字的使用 wave滤镜文字的使用

6、glow滤镜的使用
代码:<P align=center>
<FONT style="FONT-SIZE: 30pt; filter:glow(color=gray,strength=4); WIDTH: 100%; COLOR: red; LINE-HEIGHT:150%; FONT-FAMILY: 方正舒体">
glow滤镜文字的使用<br>glow滤镜文字的使用<br>
</FONT></P>
效果:

glow滤镜文字的使用
glow滤镜文字的使用

7、FlipV滤镜的使用
代码:<P align=center>
<FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: red;FONT-FAMILY: 方正舒体">
FlipV滤镜文字的使用
<FONT style="FONT-SIZE: 30pt; filter: FlipV; WIDTH: 100%; COLOR:red; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">
FlipV滤镜文字的使用
</FONT></FONT><br>
</P>
效果:

FlipV滤镜文字的使用FlipV滤镜文字的使用

 

8、chroma滤镜的使用
代码:<TABLE align=center cellpadding=0cellspacing=0  background=http://nxm.16789.net/s-helpSite/domName/nxm/2004121215594122335.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699">
<TABLE align=center bgcolor=#000000>
<TBODY>
<TR>
<TD align=middle>
<FONT style="FONT-SIZE: 30pt" face=黑体color=#336699><b>chroma滤镜的使用</b></FONT>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

效果:

chroma滤镜的使用

注明:本段红色代码是一张闪烁图片的地址,大家可以更换成其他的图片。在这里给大家共享一部分闪光图片各种代码特效字的制作

 

漂亮的闪烁图片

所属分类:建站指南代码特效    作者:荡凯网络    时间:2010-7-23 19:47:00

文章导航