博客

以前我们要对图片进行取色，模糊等处理必须使用Photoshop等工具，而

css3滤镜

的出现使我们在网站中轻松实现这些效果变为可能。本次网站页面变为黑白色就是使用css3滤镜

filter

的

grayscale

属性实现的

具体代码如下：

body{
  filter: grayscale(1);
}

基本语法：

filter:grayscale(

val

)

作用是将图像转换为灰度图像

val


：


值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0，同时也可以取0-1之间小数；

效果展示：