CSS滤镜详解

来源:王朝搜索
 
CSS滤镜 详解

语法:STYLE="filter:filtername(fparameter1,fparameter2...)" (Filtername为滤镜的名称,fparameter1、fparameter

CSS滤镜详解

语法:STYLE="filter:filtername(fparameter1, fparameter2...)" (Filtername为滤镜的名称,fparameter1、fparamete

实例详解CSS滤镜(1)概述

CSS的滤镜属性的标识符是filter。为了使您对它有个整体的印象,我们先来看一下它的书写格式: filter:filtername(parameters) 怎么样?是不是很简

实例详解CSS滤镜(2)Mask属性

Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单: Filter:Mask(Color=颜色) 只有一个Color参数,用来指定使用什么颜色作为掩膜。 同样,我

实例详解CSS滤镜(3)Blur属性

假如您用手在一幅还没干透的油画上迅速划过,画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果。 先来看一下blur属性的表达式: filter:blur(add=a

实例详解CSS滤镜(4)Chroma属性

Chroma属性可以设置一个对象中指定的颜色为透明色,它的表达式如下: Filter:Chroma(color=color) 这个属性的表达式是不是很简单,它只有一个参数

实例详解CSS滤镜(5)DropShadow属性

DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面,然后在页面上显示出该对象的投影。看一看它的表达式: Filter:DropShado

实例详解CSS滤镜(6)Glow属性

当对一个对象使用“Glow”属性后,这个对象的边缘就会产生类似发光的效果。它的表达式如下: Filter:Glow(Color=color,Strength=strength)

实例详解CSS滤镜(7)Invert属性

Invert属性可以把对象的可视化属性全部翻转,包括色彩、饱和度和亮度值。 它的表达式也很简单: Filter:Invert 我们再来看一下加上Invert属性前后的

实例详解CSS滤镜(8)Shadow属性

Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的: Filter:Shadow(Color=color,Direction=direction) 在这里,Sh

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有