CSS3 滤镜

CSS3 Filter(滤镜)属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。

-webkit-filter是css3的一个属性,Webkit率先支持了这几个功能,感觉效果很不错。下面咱们就学习一下filter这个属性吧。

现在规范中支持的效果有:

grayscale 灰度                 值为0-1之间的小数
sepia 褐色       值为0-1之间的小数
saturate 饱和度     值为num
hue-rotate 色相旋转  值为angle
invert 反色       值为0-1之间的小数
opacity 透明度     值为0-1之间的小数
brightness 亮度     值为0-1之间的小数
contrast 对比度     值为num
blur 模糊       值为length
drop-shadow 阴影

其中,drop-shadow是可以穿透透明的阴影模式,可以利用此方法为透明元素增加阴影,不再受限于方框了。