filter属性常用的三个值

         filter属性常用的三个值

  filter属性它可以调整页面的图片的可视效果，一般我们用来设置img。它可以设置图片模糊程度、亮度、饱和度、透明度…下面我就将经常使用到的三个属性值列出来。

1. grayscale 灰度

从图片中我们可以看出加了filter：grayscale（值为0-1之间的小数）；属性的第二张图片变灰了，这就是grayscale属性值的效果，而灰度也是可以调整的通过调整geayscale()括号里面的小数来改变灰度深度，括号里面的值只能为0-1之间才会有效果，0表示灰度为0%，显示的是原来的图片，1表示灰度为100%灰色，一整张图片的颜色都会变成灰色。

2、opacity 透明度