主题:  CSS里也有滤镜!!??

阿雷

职务:普通成员
等级:1
金币:0.0
发贴:1
注册:2000/10/13 15:16:03
#12000/10/13 15:41:26
Filter是CSS样式表中的一员,它可以像其它样式的定义和应用方式一样,可能直接定义在职HTML标识的和只间。其语法结构为:filter:名称(参数及其值)

例如:imgblur { filter : Blur( strength=30 ) }
当然,它也可以通过Style标识定义在HTML的标识里面,如:


以上就是使用CSS中filter样式的使用方法,其实这和其它CSS的样式定义方式一样,分为外部引用、内部引用和局部引用三种,上面的第一种是内部引用,第二种是局部引用,外部引用则要先建立一个CSS的文件,然后用来嵌入HTML文件

下面是一些css滤镜:
Alpha
让HTML元件呈现出透明的渐进效果
Blur
让HTML元件产生风吹模糊的效果
Chroma
让图像中的某一颜色变成透明色
DropShadow
让HTML元件有一个下落式的阴影
FlipH
让HTML元件水平翻转
FlipV
让HTML元件垂直翻转
Glow
在元件的周围产生光晕而模糊的效果
Gray
把一个彩色的图片变成黑白色
Invert
产生图片的照片底片的效果
Light
在HTML元件上放置一个光影
Mask
利用另一个HTML元件在另一个元件上产生图像的遮罩
Shadow
产生一个比较立体的阴影
Wave
让HTML元件产生水平或是垂直方向上的波浪变形
XRay
产生HTML元件的轮廓,就像是照X光一样

怎么样?有意思吧,还不试试



天堂明亮

职务:普通成员
等级:1
金币:10.0
发贴:199
注册:2000/9/25 16:26:28
#22000/10/14 11:54:09
写得极是!



5D精英

职务:普通成员
等级:6
金币:10.0
发贴:2520
注册:2000/10/13 11:09:05
#32000/10/14 12:40:52
我想知道,CSS滤镜的执行效能怎么样?应该不会慢吧?

好像SVG的执行效能也不错。。。不想JAVA APPLET。。慢死了!


[img]http://www.5dmedia.com/users/ran/cloudsign.gif[/img] always ran...

5D荣誉斑竹

职务:版主
等级:3
金币:10.0
发贴:786
注册:2000/9/15 21:25:59
#42000/10/14 23:09:36
CSS滤镜是通过浏览器来解释运行的,所以只要浏览器支持,速度不会慢(IE系列浏览器有交好的支持)。通过脚本编辑语言如javascript等,可以用滤镜来形成动画,这时速度不一定就块了



5D精英

职务:普通成员
等级:6
金币:10.0
发贴:2520
注册:2000/10/13 11:09:05
#52000/10/15 0:03:44
”脚本编辑语言如javascript等,可以用滤镜来形成动画“,所谓的滤镜其实就是javascript啊。

最要命的是JAVA APPLET,要启动JAVA虚拟机,实在是慢得。。。。


[img]http://www.5dmedia.com/users/ran/cloudsign.gif[/img] always ran...

5D荣誉斑竹

职务:版主
等级:3
金币:10.0
发贴:786
注册:2000/9/15 21:25:59
#62000/10/15 8:51:38
CSS是WC3制定的,用来扩展HTML功能的一种脚本语言,其中特别增加了对网页元素精确地控制功能。其中,CSS的视觉滤镜是比较有特色地新功能之一,通过视觉滤镜,可以用比较少地代码,达到非常不错的效果,所以很多人喜欢用它。只是,以前大部分的浏览器并不能很好地支持它,所以大家也不太敢用它。想了解CSS 的更多知识,下面有几个网址:
http://www.zdnet.com/devhead/filters/0,,2133212,00.html
http://www.mc-des.com/corp/dev/link/link.htm
http://www.mc-des.com/corp/dev/link/link.htm