free789免费资源网
 

CSS/基础学习--7--全面认识滤镜/特殊效果CSS也行

本文发布于2005-11-13 13:33:58,浏览...次,好评(1个)投一票

认识滤镜 

    您用过photoshop吗?我想大多数人都用过了,很多人都了解滤镜吧,至少也知道滤镜是怎么回事吧,相信吗?网页中同样是可以用滤镜的并且要是结合&#106avascript使用时你一定会感到惊奇,不管你信不信我相信等你学会了所有的滤镜和&#106avascript的时候你一定会相信的,

    其实滤镜在CSS中的使用是利用一些数字来表示他的简便程度或者是用一些特定的词语来描述滤镜的使用的,下面是滤镜的书写格式:

    filter:filtername(parameter)

    看上去是不是太简单了呢 实际上也就是这么简单的
 
Alpha滤镜
语法:
    {FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,
startx=startx,starty=starty,finishx=finishx,finishy=finishy)}
 

    “opacity"代表透明度水准。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。”finishopacity"是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0到 100。“style" 参数指定了透明区域的形状特征。其中0代表统一形状、1代表线形、2代表放射状、3代表长方形。”STARTX“和”STARTY“代表渐变透明效果的开始X和Y坐标。”FINISHX“和”FINISHY“代表渐变透明效果结束X和Y 的坐标。 
 
Chroma 滤镜 
语法:
    {filter:chroma(color=color)}

    使用”Chroma"属性可以设置一个对象中指定的颜色为透明色,参数COLOR即要透明的颜色。下面是兰色文字,然后用Chroma 滤镜过滤掉兰色,就成了下面的样子。
    filter:chroma(color=blue)
 
DropShadow 滤镜
语法:
    {filter:dropshadow(color=color,offx=ofx,offy=offy,positive=positive)} 

“DropShaow"顾名思义就是添加对象的阴影效果。其工作原理是建立一个偏移量,加上较深。"Color"代表投射阴影的颜色,"offx"和"offy"分别是X方向和Y方向阴影的饿偏移量。"Positive"参数是一个布尔值,如果为“TRUE(非0)”,那么就为任何的非透明像素建立可见的投影。如果为“FASLE(0)”,那么就为透明的像素部分建立透明效果
 
FlipH, FlipV 滤镜 
语法:
    {filter:filph} ,{filter:filpv}
    
分别是水平反转和垂直反转
 
Glow 滤镜

语法:
   
{filter:glow(color=color,strength)}

当对一个对象使用"glow"属性后,这个对象的边缘就会产生类似发光的效果。“COLOR”是指定发光的颜色,“STRENGTH”则是强度的表现,可以从1到255之间的任何整数来指定这个力度。
比如:filter:glow(color=red,strength=10)  
            filter:glow(color=#ffff00,strength=5)
好象可以把PhotoShop踹到一边了,是吗?

 
Mask 滤镜
语法:
    {filter:mask(color=color)}
 

    使用"MASK"属性可以为对象建立一个覆盖于表面的膜,其效果就象戴者有色眼镜看物体一样。
 
Wave 滤镜 
语法:
    {filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}

"wave" 属性把对象按垂直的波形样式打乱。默认是“TRUE(非0)”, 
“ADD”表示是否要把对象按照波形样式打乱, 
“FREQ”是波纹的频率,也就是指定在对象上一共需要产生多少个完整的波纹,

“LIGHTSTRENGTH”参数可以对于波纹增强光影的效果,范围0----100,

“PHASE”参数用来设置正弦波的偏移量。

“STRENGTH”代表振幅大小。
 
Light 滤镜 
语法:
    Filter{light} 

这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性,那么就可以调用它的“方法(Method)"来设置或者改变属性。“LIGHT"可用的方法有:
·AddAmbient 加入包围的光源 
·AddCone 加入锥形光源 
·AddPoint 加入点光源 
·Changcolor 改变光的颜色 
·Changstrength 改变光源的强度 
·Clear 清除所有的光源 
·MoveLight 移动光源 
可以定义光源的虚拟位置,以及通过调整X轴和Y轴的数值来控制光源焦点的位置,还可以调整光源的形式(点光源或者锥形光源)指定光源是否模糊边界、光源的颜色、亮度等属性。如果动态的设置光源,可能回产生一些意想不到的效果。

 

======全球免费中心版权声明(本站从09-4-29开始加强免费资源版权管理)=========
不管出于何目的转载本文,请注明版权信息(包括来源和作者),否则一经发现将逐个处理。
若本站转了您的信息而未标明或标错或未找到出处而没标明的,请联系我们,2天内处理。

网友点评

 

因为目前没有时间可以管理点评,所以于2009年12月19日暂停点评功能!

 

随机推荐

本分类排行榜:

本分类好评榜:

全站随机推荐

© 2005-2020 free789免费中心 | Power by Free789 v18 | 联系我们 | 关于本站
如何访问 | 广告服务 | 免责声明 | 版权声明 闽公网安备 35052402000110号
GMT +8, 2024-04-26 03:19:09, Processed in 8.2ms 闽ICP备12008353号-2
本站程序和风格皆由站长飕飕然100%原创制作,谢绝模仿,违者必究。
本站页面兼容几乎所有主流浏览器,您可根据自己的喜好选择浏览器。
原名『全球免费中心』,于2013年6月16日改名为『free789免费中心』