|
主题: 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.htmlhttp://www.mc-des.com/corp/dev/link/link.htmhttp://www.mc-des.com/corp/dev/link/link.htm
|