广东  佛山
电话:400-111-8388  
佛山电脑培训
网站首页 | 电脑培训 | 考级考证 | 学校简介 | 新版入口
致用电脑学校 > 动态信息
新闻列表
DW MX 2004 CSS属性详解之GLOW属性
    发布时间:2006-5-27 14:25:46

【glow属性】对象应用glow 滤镜后,这个对象的边缘就会产生类似发光的效果,这种效果在图像处理软件中做起来比较麻烦,而在DW MX 2004中用CSS的“glow”滤镜来制作却是很简单,而且节约不少字节。首先看一下glow 在文字上的应用实例:
边缘类似发光的效果

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

    提示:新创建的CSS样式名称,输入“glow”。勾选“仅对该文档”。保存后,在分类选项选择“扩展”,再设置“过滤器”。
    选择“glow”,按此参数设置:Glow(Color=#FFFF33, Strength=10),点“确定”结束。 若是操作无误的话,在你网页代码的< head >与< /head >之间,会有如下所示的代码:

<style type="text/css">
<!--
.glow {
filter: Glow(Color=#FFFF33, Strength=10);
}
-->
</style>


 
  “glow”滤镜只有两个参数,一个是“color”是指定发光的颜色,另一个参数是“strength”是发光的强度,也可理解为光芒的长度。取值范围1~255之间的任何整数。下面我们来做几个应用实例。

【glow滤镜在图片上的应用】
   “glow”滤镜加载到一般图片无效,但若是把图片放到表格中,再给表格的< td >加上“glow”滤镜,却能使图片产生一个渐变颜色的边框,请看下面的效果:

“glow”滤镜加载到图片产生渐变边框效果
DW

【glow滤镜在透明背景图片上的应用】
  加载到有透明背景的gif图片上却能产生一种光晕效果,请看下面的效果图:

“glow”滤镜加载到透明背景图片效果
DW


“glow”滤镜加载到透明背景动画和<td>效果


DW

 

 


  glow滤镜的参数不多,使用简单,效果明显。在具体应用时关键的问题是光芒颜色的选择,要与整个页面色彩协调。给图片和< td >可以用多种方式加载,配合背景的设置,可产生一些奇特的效果。

佛山电脑培训首选致用电脑学校,面向全国招生!
    微信扫一扫  
权利:©佛山致用电脑学校    电话:0757-88330101
公安备案编号:200401C0008  粤ICP备12025059号 
学校地址:广东省佛山市禅城区祖庙路53号
Copyright©1993-2016 all rights reserved
网上报警 扫一扫关注微信公众平台

扫码拨打电话 x
专属客服为您服务