HTML怎么设艺术字体,⽤CSS设计艺术字集锦（⼆）⽹页特效代码|JsCode.CN|---⽤CSS设计艺术字集锦(⼆)
FONT-SIZE: 12px; FILTER: DropShadow(Color=#213C63, OffX=1, OffY=1); WIDTH: 100%; COLOR: #e1e4ec; FONT-FAMILY: "Verdana"
}
.text {
FONT-SIZE: 12px; COLOR: #666699; LINE-HEIGHT: 16px; FONT-FAMILY: "Verdana"; TEXT-DECORATION: none
}
.unnamed1 {
FILTER: DropShadow(Color=#FFFFFF, OffX=1, OffY=1)
}
bgColor=#8c96b5 border=0>
width="100%" borderColorLight=#000000 border=0>
..:: 巧⽤CSS制作艺术字
::..
border=0>
class=text>如果灵活应⽤CSS各种滤镜的特点并加以组合，我们可以得到许多意想不到的效果。这是⼀些效果⽰范，供各位参考。
border=0>
align=middle>
size=6>E流设计
FILTER:
⽤blur滤镜做出的效果，代码如下： FILTER:
blur(direction=135,strength=8)
border=0>
align=middle>
size=6>E流设计
FILTER:
⽤dropshadow滤镜做出的效果，代码如下： FILTER:
dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)
border=0>
align=middle>
size=6>E流设计
⽤glow滤镜做出的效果，代码如下： FILTER:
FILTER:
glow(color=#B4BBCF,strength=5)
border=0>
align=middle>
size=6>E流设计
FILTER:
这个效果⽤到了两种滤镜：shadow和alpha，代码如下： FILTER:
alpha(opacity=100,finishiopacity=0,style=1)
shadow(color=#8C96B5,direction=135)
border=0>
align=middle>
size=6>E流设计
FILTER:
这个效果也⽤到两个滤镜mask和shadow，代码如下： FILTER:
mask(color=#E1E4EC)
shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)
注意：mask的颜⾊要和⽹页背景⾊⼀致，字体的颜⾊由shadow决定。
border=0>
align=middle>
size=6>E流设计
css特效文字如果说上⾯的效果是阴⽂的话，那么这个效果的应该算是阳⽂了，⽤两个滤镜实现mask和dropshadow，注意mask的颜⾊要和⽹页背景
FILTER:
⾊⼀致，或者把mask和chroma成对使⽤，也可达到同样效果。代码如下： FILTER:
mask(color=#E1E4EC)
dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)
chroma(color=#E1E4EC)"
border=0>
align=middle>
size=6>E流设计
⽤glow滤镜可以做空⼼字，⽅法是将字体颜⾊设置为背景⾊，再将glow滤镜的strenght的值设置为1或2即可。这个效果的代码如下：FILTER:
glow(color=#8C96B5,strength=2)
shadow(color=#B4BBCF,direction=135)
border=0>
align=middle>
size=6>E流设计
border=0>
align=middle height=54>
size=6>E流设计
border=0>
align=middle height=54>
size=6>E流设计
class=text>如果背景采⽤图⽚，为了能达到满意的效果需要将mask和chroma组合使⽤，这样能使字体感觉是透明的，让背景透出来。
FILTER:
上⾯列出的效果前者的代码是：FILTER:
mask(color=#E1E4EC)
shadow(color=#B4BBCF,direction=135)
chroma(color=#E1E4EC)
注意：字体的颜⾊由shadow决定，mask和chroma的颜⾊要相同，⾊彩任意。
FILTER:
中间的代码是：FILTER:
glow(strength=1)
mask(color=#B4BBCF)
chroma(color=#B4BBCF)
注意：mask和chroma的颜⾊相同，这个颜⾊决定了字体的颜⾊。
FILTER:
后者的代码是：FILTER:
mask(color=#E1E4EC)
dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)
chroma(color=#E1E4EC)
注意：mask和chroma的颜⾊相同，⾊彩由dropshadow决定。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。