表示滤镜主要是用来对图片实现各种特效的,CSS滤镜很神奇。解释一下cssfilter,即filter属性,主要有以下几个属性值blur(模糊)brightness(亮度)注:值为100%,图像不变。大于100%,变亮,小于100%,变暗。对比度(contrast)与亮度相同,对比度100%,画面无变化。drop-shadow(阴影)注意:这里的drop-shadow和box-shadow说的都是阴影,但是还是有区别的,见下图。图中火焰的图片是一张png图片。除了火焰,其他部分都是透明的。我们可以看到box-shadow是给整个图片加上阴影,drop-shadow只是给不透明的部分加上阴影。这是他们最重要的区别。grayscale(灰度)注意:如果值为100%,将完全转换为灰度图像,如果值为0%,图像不会发生变化。hue-rotate(色调)invert(反转)opacity(透明度)saturate(饱和度)注:值为100%,图像不变sepia(深褐色)注:值为0%,图像不变这些滤镜单独拿出来展示效果,其实可以一起使用,比如请注意:顺序很重要,顺序改变了,最终效果也会改变。综上所述,了解CSS滤镜是很有必要的,使用它达到的效果往往是惊人的。这次我讲的是最基本的东西。如果想了解更多关于filter属性的详细信息,就到这里吧!http://www.runoob.com/cssref/...下次我们将使用cssfilter来制作火焰效果。简单的说,火焰效果是通过CSS滤镜实现的
