CSS Filter（滤镜）

  前  言

CSS

　CSS Filter 的一些操作

Filter介绍

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

    -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 阴影

示例
    没有任何效果的图片




    灰度



     褐色




    饱和度



    色相旋转



    反色



    透明度



    亮度



    对比度



    模糊



    阴影


(注：阴影可分为内阴影和外阴影，内阴影即是在属性上添加 inset 。)