| 广告招租,e-mail:yesize@hotmail.com
|
|
广告招租,e-mail:yesize@hotmail.com
【Blur属性】把Blur滤镜加载到文字上,可产生立体字的效果,加载到图片上,可以产生风吹模糊效果。不仅美化了网页,也为你的网页减轻了分量,首先,请看把Blur滤镜加载到文字上的效果: 制作方法如下: 1、创建新的CSS样式:(要回顾创建新的 CSS 样式操作方法,请点页顶导航条“简要说明”按钮) 提示:新创建的CSS样式名称,输入“Blur。勾选“仅对该文档”。保存后,在分类选项选择“扩展”,再设置“过滤器”。选择“Blur并按括号中的滤镜参数值设置好参数(Blur(Add=true, Direction=45, Strength=6)),按“确定”结束。若是操作无误的话,在你网页代码的< head >与< /head >之间,会有如下所示的代码: < style type=text/css > < !-- .blur1 { filter: Blur(Add=true, Direction=45, Strength=6); } -- > < /style > | 2、做好的Blur滤镜,你可以把它加载到文字。加载的方法: 1)在网页上插入一个1*1的表格,给表格加上合适的背色,然后输入文字。 2)在DW MX 2004 的标签检查器(状态栏)中选取有文字的那个单元格<td>,然后右键点击CSS面板上的“blur”选择“套用”。或在属性面板“样式”框选“blur”。此时,你可看到< td >的源代码(简化)是这样的:< td class=blur > ,如果您还有其它设置可能代码多一些。 下面我们来看一看Blur滤镜加载到图片上的效果: 原图 | 加载Blur滤镜后的效果 |  |  | | | 加载到图片上的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滤镜,你只要给它们取不同的名称就行了。
版权说明:作品来源于网上,版权归作者所有,如果无意中侵犯了您的版权,请来信告知,本站将在3个工作日内删除。yesize@hotmail.com |
|