最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

DW MX 2004 CSS 属性详解之BLUR属性

日期:12-17    来源:|    作者:

【Blur属性】把Blur滤镜加载到文字上,可产生立体字的效果,加载到图片上,可以产生风吹模糊效果。不仅美化了网页,也为你的网页减轻了分量,首先,请看把Blur滤镜加载到文字上的效果:
  

原文字
加载Blur滤镜后的效果
属性详解
属性详解
  

css>制作方法如下:
   1、创建新的css样式:(要回顾创建新的 css 样式操作方法,请点页顶导航条“简要说明”按钮)

css>提示:新创建的css样式名称,输入“Blur"。勾选“仅对该文档”。保存后,在分类选项选择“扩展”,再设置“过滤器”。选择“Blur"并按括号中的滤镜参数值设置好参数(Blur(Add=true, Direction=45, Strength=6)),按“确定”结束。若是操作无误的话,在你网页代码的< head >与< /head >之间,会有如下所示的代码:
  

css>< style type="text/css" >
< !--
.blur1 { filter: Blur(Add=true, Direction=45, Strength=6);
}
-- >
< /style >

css>2、做好的Blur滤镜,你可以把它加载到文字。加载的方法:
   1)在网页上插入一个1*1的表格,给表格加上合适的背色,然后输入文字。
   2)在DW MX 2004 的标签检查器(状态栏)中选取有文字的那个单元格<td>,然后右键点击css面板上的“blur”选择“套用”。或在属性面板“样式”框选“blur”。此时,你可看到< td >的源代码(简化)是这样的:< td class="blur" > ,如果您还有其它设置可能代码多一些。
 


  

    下面我们来看一看Blur滤镜加载到图片上的效果:

原图
加载Blur滤镜后的效果

css>  

   加载到图片上的Blur滤镜与加载到文字上的滤镜的制作方法相同。加载的方法更加简单,具体操作如下:
   1)插入一张图片。
   2)选取图片。
   3)在属性面板“样式”菜单选“blur1”。
  
   下面介绍一下Blur滤镜的参数,以便你灵活应用:
   Add:是否让Blur滤镜起作用,Add=False(或“0”)时Blur滤镜不起作用,取True(或非“0”值)时Blur滤镜起作用,只有两个值,即true和false;
   Direction:阴影的方向,取值范围0~360度,45度一个间隔,所以实际上只有八个方向值;
   Strength:它代表有多少个像素的宽度成为阴影,你也可以简单地理解为阴影的长度。它只能用整数来指定,默认值是5个像素,你可以根据实际需要来指定阴影的长度。我上面的两个图片例子是用的同一个滤镜,Strength是10个像素。同一网页中对不同的对象可以使用不同参数的Blur滤镜,你只要给它们取不同的名称就行了。