深入透析样式表滤镜(下)

滤镜|样式表

    6、遮罩滤镜

    作用:该滤镜可以为对象建立一个覆盖于表面的膜,其效果就象戴着有色眼镜看物体一样。

    语法: {filter:mask(color=color)}

    参数:该滤镜的color参数表示覆盖对象表面的颜色,例如如果遮罩颜色为绿色,那么就应该设置color=blue。

    7、阴影滤镜

    作用:阴影滤镜就是给对象添加阴影效果,其工作原理是建立一个偏移量,加上色彩。

    语法:{filter:dropshadow(color=color,offx=offx,offy=offy,positive=positive)}
参数:该滤镜中的Color参数表示投射阴影的颜色,offx 表示水平方向阴影的偏移量,offy 表示竖直方向阴影的偏移量,Positive参数是一个布尔值,其数值如果为TRUE,就为任何的非透明像素建立可见的投影,如果为FASLE,就为透明的像素部分建立透明效果。

    8、灰度滤镜

    作用:该滤镜主要是将图象对象转换成灰度形式显示。

    语法:{filter:gray}

    参数:该滤镜没有参数。

    9、翻转滤镜

    作用:翻转滤镜主要是实现图象对象的水平或者竖直翻转效果。

    语法:{filter:filph} {filter:filpv}

    参数;这种滤镜也不带参数,其中{filter:filph}是实现水平翻转的,{filter:filpv} 是实现竖直翻转的。

    10、X光滤镜

    作用:X光滤镜可以让对象反映出它的轮廓并把这些轮廓加亮。

    语法: {filter:xray}

    参数:该滤镜本身不含有参数。

    11、倒置滤镜

    作用:使用该滤镜可以把包括色彩、饱和度、和亮度值等对象的可视化属性全部翻转。

    语法: {filter:invert}

    参数:该滤镜没有参数。

    12、波纹滤镜

    作用:波纹滤镜可以在水平和竖直方向利用正弦波打乱图象,使图象产生水波效果。

    语法:{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}

    参数:该滤镜的add参数是一个布尔数值,它是用来表示是否要把对象按照波形样式打乱;freq参数是用来设置波纹频率的,也就是指定在对象上一共需要产生多少个完整的波纹;lightstrength参数可以设置波纹光影的增强效果的,其数值范围在0到100之间;phase参数是用来设置正弦波的偏移量的,strength是设置正弦波的振幅大小的。

时间: 2025-01-27 05:38:33

深入透析样式表滤镜(下)的相关文章

深入透析样式表滤镜(上)

滤镜|样式表     样式表是一种为超文本标签语言提供增强补充服务的技术,可对每一个html的标签做精雕细刻的修饰.只用html制作的网页,对页面内各部分的修饰能力有限且语句烦锁,样式表正是弥补这一缺陷的有力技术,它语句文法简单,只要在源码中插入style语句就可轻易实现页面内任意文本颜色.背景.边框.行距.字距的添删和修饰等功能,使网页更加生动活泼,从而获得满意的效果.当然,样式表的强大还依靠的就是它的滤镜功能.因为有了滤镜,大家就可以轻易地创造出"专业"的艺术效果.为了能帮助大家高

带你了解样式表滤镜(一)

滤镜|样式表 使用样式表的人,都会对滤镜产生深刻的印象.这是因为我们在编写网页的时候,即使我们不用图片,通过样式表滤镜,只需简单的操作,也同样可以使我们的文字,图片或者按钮鲜艳无比,充满生气,从而增强了自己网页的视觉效果.也许正是那些光怪陆离的滤镜,激发了许多人的兴趣和热情,样式表也因此赢得了众多网页制作者的青睐.那么,滤镜是什么呢?简单的说吧,它们是一些程序,能够对对象进行复杂的计算,获得常规操作难以实现的"专业"效果. 从IE 4.0版开始,浏览器就提供了一些内置的多媒体滤镜特效,

带你了解样式表滤镜(二)

滤镜|样式表 4.Glow 滤镜 语法:{filter:glow(color=属性值1,strength=属性值2):} 作用:该滤镜能够在原对象周围产生一种类似发光的效果,其具体效果是由小括号中的各属性名及其对应的属性值来产生的. 参数:COLOR属性是指定发光的颜色. STRENGTH则是发光强度的表现,也指光晕的厚度:其大小可以从1到255之间的任何整数来指定这个强度. 实例: <html> <head> <meta http-equiv="Content-T

Dreamweaver8.0CSS样式表滤镜实例

查看全套"dreamweaver8.0教程" 1.制作模糊文字效果 1.新建05.html的文件插入一个1行1列的表格,边框和边距全部设置为0.然后在表格中输入要修饰的文字. 2.打开CSS样式面板,创建一个CSS样式,在弹出的"新建样式对话框"做如下设置. 3.设置完成后,单击"确定"按钮弹出"CSS样式定义"对话框,在类型设置区域中设置:大小:60,字体:黑体,粗细:粗,颜色:#FF9900. 4.要产生文字特效,最重要的

让我们一起深入学习CSS样式表的滤镜

css|滤镜|样式表 样式表是一种为超文本标签语言提供增强补充服务的技术,可对每一个html的标签做精雕细刻的修饰.只用html制作的网页,对页面内各部分的修饰能力有限且语句烦锁,样式表正是弥补这一缺陷的有力技术,它语句文法简单,只要在源码中插入style语句就可轻易实现页面内任意文本颜色.背景.边框.行距.字距的添删和修饰等功能,使网页更加生动活泼,从而获得满意的效果.当然,样式表的强大还依靠的就是它的滤镜功能.因为有了滤镜,大家就可以轻易地创造出"专业"的艺术效果.为了能帮助大家高

样式表(CSS:Cascading Style Sheets)简要教程[下]

css|教程|样式表 七.CSS1属性 3.1  font属性        字模.字体样式.字体大小.字体效果等.常用属性有: ① font-family:字模,Cursive.Fantasy.Comic Sans MS等. ② font-size:字体物理大小或相对大小,物理大小包括:xx-small.x-small.small.medium.large.x-large.xx-large分别对应1-7号字体. ③ font-style:是否斜体, normal.italic.oblique(

透析百度营销活动 看破下一个互联网处女地

中介交易 SEO诊断 淘宝客 云主机 技术大厅 透析百度营销活动 看破下一个互联网处女地 先看两件与百度相关的新闻: 6月27日周六晚19:45,被网友称为"史上最帅CEO"的百度CEO李彦宏做客<咏乐汇> 6月25日,由百度主办的"情系e乡--全国大学生乡村信息化创新大赛"在北京大学正式拉开帷幕. 乍一看,大家也许会问这两件事情与我的文章主题有什么关系呢?那么让我带大家来回忆一下: 央视和百度合作这个已经不是新闻了,从2009年春季联欢晚会开始,央视与

样式表不一样的情况下能实现数据绑定吗?

问题描述 我想实现如下效果:但是是用如下这种形式分别绑定的图片和文章名称:voidBindZuiXinDongTaiList(){Number=1;DataTabledtNewsTitleList1=CngrainBusiness.BLL.Articles.SelectTopThreeImages(Number);NewsTitle1=dtNewsTitleList1.Rows[0]["Title"].ToString();NewsTitleID1=dtNewsTitleList1.R

网页制作样式表CSS常用小技巧

css|技巧|网页|样式表 ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值. 同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次:对一个标签同时使用 class和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效. 初学可能会碰到这样一个情况,同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者两个倒过来.临时解决方法:选择符 {