代码:`filter: grayscale(1)
`
```
<style>
html {
filter: grayscale(1);
}
</style>
```
```
内联样式
<html style="filter:grayscale(1)">
...
</html>
```
语法:`grayscale(amount)`
**参数**:转换值的大小,可以是`<number>`或`<percentage>`.。当值为 100% 时,灰度最大。0% 时与原图没有区别。0% 到 100% 之间的值会使灰度线性变化。amount 为空时使用值为1。
![](https://img.kancloud.cn/a1/58/a1589d25b7c615d480306ff01b09e73e_2508x488.png)