让首页变为黑白配色

为了使整个网页生效,你可以把它放在 <html> 标签的样式里。直接写到 html 文件内,例如:

<style>
  html {
    filter: grayscale(1);
  }
</style>

为了更好的兼容性,你可以补一个带 -webkit- 前缀的样式,放在 filter 后面:

  html {
    filter: grayscale(1);
    -webkit-filter:grayscale(1)
  }

原理

    对图片进行灰度转换
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 背景 当遇到突如其来让网页变成黑白配色这样的需求,我们需要迅速完成变更并上线发布。 比如2022年12月1日,简书...
    cyh_1阅读 403评论 0 1
  • CSS参考手册 一、初识CSS3 1.1 CSS是什么 CSS3在CSS2.1的基础上增加了很多强大的新功能。目前...
    没汁帅阅读 3,688评论 1 13
  • 2019秋招h5前端知识简要整理,来源于牛客题后评论区等。 C05新增内容 -$51 CSS3新增属性 -$52 ...
    EdwardRice阅读 710评论 0 0
  • client,page和screen的区别? clientX,clientY是触摸点相对于viewport视口x,...
    change_22fa阅读 1,724评论 1 1
  • AMD 和 CMD 的区别有哪些?AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...
    竿牍阅读 720评论 0 1