使用CSS将网页变灰色 图像灰度grayscale()

2020/04/0722:22:24 发表评论 77

grayscale() : 对图片进行灰度转换, 它是 <filter-function> 的子属性。

<filter-function> CSS 数据类型 代表可以改变输入图像外观的图形效果。它可以用于filter 和 backdrop-filter 属性。

grayscale(0) /* 无效果 */
grayscale(.7) /* 70% 灰度 */
grayscale(100%) /* 灰度最大 */

添加CSS代码:

html{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	_filter:none
}

彩色变灰度值的网页效果。

使用CSS将网页变灰色 图像灰度grayscale()

历史上的今天:

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar