CSS 滤镜效果实现
欢迎光临天极设计在线 ">

CSS 滤镜——Mask,Light滤镜

80酷酷网    80kuku.com

  css|滤镜

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

  使用"MASK"属性可以为对象建立一个覆盖于表面的膜,其效果就象戴着有色眼镜看物体一样 。

原表格拷屏
 

CSS 滤镜效果实现
欢迎光临天极设计在线

效果拷屏


Light 滤镜


Light 滤镜语法 {filter:light}

  这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性,那么就可以调用它的“方法(Method)"来设置或者改变属性。“LIGHT"可用的方法有:


参数  说明
AddAmbient  加入包围的光源
AddCone 加入锥形光源
AddPoint 加入点光源
Changcolor  改变光的颜色
Changstrength 改变光源的强度
Clear 清除所有的光源
MoveLight 移动光源

  我们可以定义光源的虚拟位置,以及通过调整X轴和Y轴的数值来控制光源焦点的位置,还可以调整光源的形式(点光源或者锥形光源)指定光源是否模糊边界、光源的颜色、亮度等属性。如果动态的设置光源,可能会产生一些意想不到的效果。
 



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: