当前位置:首页>>软件教程>>网页制作>>新闻内容
CSS制作11种风格不同的特效文字
作者:icech编辑过 发布时间:2003-10-7 14:55:15 文章来源:西部电子转自E流设计
..:: 巧用CSS制作艺术字 ::..
如果灵活应用CSS各种滤镜的特点并加以组合,我们可以得到许多意想不到的效果。这是一些效果示范,供各位参考。
西部电子

用blur滤镜做出的效果,代码如下:
FILTER: blur(direction=135,strength=8)
西部电子

用dropshadow滤镜做出的效果,代码如下:
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)
西部电子

用glow滤镜做出的效果,代码如下:
FILTER: glow(color=#B4BBCF,strength=5)
西部电子

这个效果用到了两种滤镜:shadow和alpha,代码如下:
FILTER: alpha(opacity=100,finishiopacity=0,style=1)
shadow(color=#8C96B5,direction=135)
西部电子

这个效果也用到两个滤镜mask和shadow,代码如下:
FILTER: mask(color=#E1E4EC)
shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)


注意:mask的颜色要和网页背景色一致,字体的颜色由shadow决定。
西部电子

如果说上面的效果是阴文的话,那么这个效果的应该算是阳文了,用两个滤镜实现mask和dropshadow,注意mask的颜色要和网页背景色一致,或者把mask和chroma成对使用,也可达到同样效果。代码如下:
FILTER: mask(color=#E1E4EC)
dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)
chroma(color=#E1E4EC)"
西部电子

用glow滤镜可以做空心字,方法是将字体颜色设置为背景色,再将glow滤镜的strenght的值设置为1或2即可。这个效果的代码如下:
FILTER: glow(color=#8C96B5,strength=2)
shadow(color=#B4BBCF,direction=135)
西部电子


西部电子


西部电子
如果背景采用图片,为了能达到满意的效果需要将mask和chroma组合使用,这样能使字体感觉是透明的,让背景透出来。

上面列出的效果前者的代码是:
FILTER: mask(color=#E1E4EC)
shadow(color=#B4BBCF,direction=135)
chroma(color=#E1E4EC)

注意:字体的颜色由shadow决定,mask和chroma的颜色要相同,色彩任意。

中间的代码是:
FILTER: glow(strength=1)
mask(color=#B4BBCF)
chroma(color=#B4BBCF)

注意:mask和chroma的颜色相同,这个颜色决定了字体的颜色。

后者的代码是:
FILTER: mask(color=#E1E4EC)
dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)
chroma(color=#E1E4EC)

注意:mask和chroma的颜色相同,色彩由dropshadow决定。
WELCOME TO
WWW.WESTE.COM
这个效果的代码:
FILTER: glow(strength=4)mask(color=#E1E4EC)

最新更新
·如何去掉ECShop2.7中的Powered by ECSh
·在IE7下生成高质量CSS缩略图
·解决Dreamweaver打开和关闭时出现JavaS
·影响搜索引擎排名的因素2009版
·IE6/IE7/IE8/Firefox/Chrome/Safari的C
·Flash对联广告及关闭按钮制作方法
·Discuz! 7中如果设置帖子中显示图片而不
·5种方法立刻写出更好的CSS代码
·兼容IE和Firefox的按图片宽度缩放的CSS
·兼容Firefox和IE浏览器的“加入收藏”代
相关信息
·IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容表
·5种方法立刻写出更好的CSS代码
·兼容IE和Firefox的按图片宽度缩放的CSS代码
·XHTML+CSS兼容性解决方案小集
·让CSS兼容IE和Firefox的技巧集合
·解决用CSS控制DIV居中失效的问题
·让PNG图片在IE浏览器下显示透明背景
·CSS在编写中最常见的10个错误
·解决CSS样式表失效的问题
·用CSS和DIV实现圆角表格(矩形)
画心
愚爱
偏爱
火苗
白狐
画沙
犯错
歌曲
传奇
稻香
小酒窝
狮子座
小情歌
全是爱
棉花糖
海豚音
我相信
甩葱歌
这叫爱
shero
走天涯
琉璃月
Nobody
我爱他
套马杆
爱是你我
最后一次
少女时代
灰色头像
断桥残雪
美了美了
狼的诱惑
我很快乐
星月神话
心痛2009
爱丫爱丫
半城烟沙
旗开得胜
郎的诱惑
爱情买卖
2010等你来
我叫小沈阳
i miss you
姑娘我爱你
我们都一样
其实很寂寞
我爱雨夜花
变心的玫瑰
犀利哥之歌
你是我的眼
你是我的OK绷
贝多芬的悲伤
哥只是个传说
丢了幸福的猪
找个人来爱我
要嫁就嫁灰太狼
如果这就是爱情
我们没有在一起
寂寞在唱什么歌
斯琴高丽的伤心
别在我离开之前离开
不是因为寂寞才想你
爱上你等于爱上了错
在心里从此永远有个你
一个人的寂寞两个人的错