CSS制作11种风格不同的特效文字
作者:佚名 发布时间:2010-10-20 20:08:00
..:: 巧用CSS制作艺术字 ::.. |
如果灵活应用CSS各种滤镜的特点并加以组合,我们可以得到许多意想不到的效果。这是一些效果示范,供各位参考。 |
Asp之家 |
用blur滤镜做出的效果,代码如下:
FILTER: blur(direction=135,strength=8)
Asp之家 |
用dropshadow滤镜做出的效果,代码如下:
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)
Asp之家 |
用glow滤镜做出的效果,代码如下:
FILTER: glow(color=#B4BBCF,strength=5)
Asp之家 |
这个效果用到了两种滤镜:shadow和alpha,代码如下:
FILTER: alpha(opacity=100,finishiopacity=0,style=1)
shadow(color=#8C96B5,direction=135)
Asp之家 |
这个效果也用到两个滤镜mask和shadow,代码如下:
FILTER: mask(color=#E1E4EC)
shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)
注意:mask的颜色要和网页背景色一致,字体的颜色由shadow决定。
Asp之家 |
如果说上面的效果是阴文的话,那么这个效果的应该算是阳文了,用两个滤镜实现mask和dropshadow,注意mask的颜色要和网页背景色一致,或者把mask和chroma成对使用,也可达到同样效果。代码如下:
FILTER: mask(color=#E1E4EC)
dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)
chroma(color=#E1E4EC)"
Asp之家 |
用glow滤镜可以做空心字,方法是将字体颜色设置为背景色,再将glow滤镜的strenght的值设置为1或2即可。这个效果的代码如下:
FILTER: glow(color=#8C96B5,strength=2)
shadow(color=#B4BBCF,direction=135)
Asp之家 |
Asp之家 |
Asp之家 |
如果背景采用图片,为了能达到满意的效果需要将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) |
猜你喜欢
- 1. 选用适合的ORACLE优化器 ORACLE的优化器共有3种: a. RULE (基于规则) b. COST (基于成本) c. CHO
- 对方用<script language="javascript"> var location="&
- 今天我们看看所有的类!由于工作的上的事有点忙!点图!以后讲解这是我编译好了的类的结构图,我们可以用很多软件可以从原板的DLL看到这些内容!当
- 思考一个问题:怎么实现在第一次检索的基础上进行二次检索?通常,我们的做法是第一次检索时保存检索条件,在第二次行检索时组合两次检索条件对数据库
- 1。建立数据库表 表名为online 设如下字段 id '用来记录每一个访问都的session.sessionid name
- 页面自动刷新代码大全,基本上所有要求自动刷新页面的代码都有,大家可以自由发挥做出完美的页面。 1)10表示间隔10秒刷 ...页面自动刷新代
- 加强ASP网站后台安全一些主要措施:----------------------------------------------------
- 可以输入的下拉菜单,不错的一个效果,相信asp之家给大家收集的这个代码会有不少人需要!<html> <head> &
- 尽管XML还处在开发阶段,其标准正在由W3C组织制定,但是已经有许多公司表示全力支持XML,并开发了不少XML工具。Adobe公司的Fram
- 首次安装、运行MySQL时,你可能会遇到一些错误,使MySQL服务器不能启动。本节的目的是帮助你诊断并纠正这些错误。解决服务器问题时你的第一
- 浏览网页的时候经常会碰到一些不认识的英文单词,或者想知道一些中文单词的翻译,这时候再去找翻译软件或者翻译网站就有些麻烦了。因此我做了一个“中
- Google Talk是一个功能很简洁的即时通讯工具,尤其是它的文字输入区域,不同于其他IM,除了一个文字输入区域外没有任何其他操作。但是用
- 用过jQuery的朋友一定对jQuery中方法的链式调用印象深刻,最近发布的YUI3也支持了方法的链式调用。这是一个非常不错的语法特性,能让
- Mysql Explain 详解一.语法explain < table_name >例如: explain select * f
- 参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2操作系统:Windows我喜欢p
- 当很多人发现在DW4中定义CSS很方便的时候,开始报怨FP2000不能定义CSS,甚至就此抨击FP2000如何的不好。事实上,在FP2000
- hanxiaolian 为了躲避 lake2 ASP站长管理助手而写.. 一.绕过lake2 Asp木马扫描的小马 代码如下:<%&n
- 用下列代码可在控制弹出NTLM验证窗口:<% Response.Status = "401 Unauthorized&quo
- select 终极美化,主要是针对下拉框的美化一个很古老的话题了,不过貌似目前为止也没有比较好的做到,在jxdawei的基础上做了
- QQ影音新版发布官网Banner经过两周的酝酿、脑爆与设计调整,于20日顺利上线,连续7天,经历了昨天激动人心的最后发布,到此告一段落,这里