设为首页 | 收藏本站
首页>IT学院>网页设计>正文
Dreamweaver超级技巧之文字特效
WWW.DBIT.CN 2007-3-30 20:49:31 热度:
 
遮罩字

CSS滤镜中还为我们提供了遮罩的功能,可以把文字部分处理成遮罩,如果在背景中使用合适的图片,就能产生漂亮的镂空文字效果。

文档窗口中插入一个1×1的表格,单击文档窗口左下角的标签选中整个表格,在属性检查器(如图6)的背景图像中选择一张合适的图片,然后在单元格中输入需要的文字。

图6

接下来我们为单元格添加Mask滤镜,步骤与前两例类似。在过滤器中选择Mask(Color=?),这个参数决定遮罩的颜色,我们选择用白色。

注意:本例中文字的颜色选择并不重要,因为在最终效果中文字会被镂空,颜色并不会显示出来。

图7 遮罩字效果友

设置完成后将这个CSS样式应用到单元格,然后按下F12键就可以看到效果了(如图7)。

注意:背景图片是为整个表格添加的,对应 标签,而CSS样式是对单元格添加的,是 标签,千万不要搞错。

动感字

制作动感字我们要用到Blur滤镜,作用是产生模糊效果,它的语法格式为Blur(Add=?, Direction=?, Strength=?)。Add参数是一个布尔值,一般来说,当滤镜用于图片的时候取0,用于文字的时候取1;Direction代表模糊方向,单位是角度;Strength代表模糊移动值,单位为像素。比如我们定义Blur(Add=1, Direction=90, Strength=150),在预览中就可以看到如图8的效果。

图8 动感字效果友

其实,CSS中很多滤镜也能够用于图片的修饰,如Blur滤镜就可以使图片产生模糊效果。如果我们对这些滤镜都能够熟练应用,那么有时在没有专业图像处理软件的情况下,也能够制作出相当不错的图片效果来。

本新闻共3页,当前在第3页  1  2  3  

 
上一篇:没有了
下一篇:在Dreamweaver中插入有颜色的直线
打印】【关闭
  相关文章:
·在Dreamweaver中插入有颜色的直线·Dreamweaver CS3 最新功能描述
·十二个Dreamweaver鲜为人知的小秘·如何用 Dreamweaver 批量做web网页
·Dreamweaver基础教程:层及其应用·Dreamweaver超级技巧之文字特效
·用Dreamweaver设计限时自动关闭的·用Dreamweaver8搞定web标准
·Dreamweaver网页制作技巧:使用模·网页制作:用Dreamweaver制作细边表
·用Dreamweaver设计限时自动关闭的·用Dreamweaver8搞定web标准
·Dreamweaver MX教程:在居中页面使·用Dreamweaver MX 2004的Flash动画
·Dreamweaver网页制作技巧·用Dreamweaver为网页设计框架集
☆联姻学院☆

保养电脑的26个窍门
文件夹删除不掉怎么办?
虚拟主机IIS防范入侵常见问答
教你如何用手工迅速剿灭QQ广告
在Excel中只打印图表以外区域
Excel中只选中包含文本的单元
Windows XP操作系统的几个实用
用XP系统自带网络诊断程序解决
风雨雷电→自然现象动画实战技
Flash遮罩特效之百叶窗效果
Dreamweaver超级技巧之文字特
在Dreamweaver中插入有颜色的
JavaScript的系统函数学习
Java之父:关于Java我也有遗憾
网络管理员减负法宝 内网网络
宿舍楼里的战役 玩爽校园局域