CSS

让整个网页全局变成黑白色调的css代码

字号+ 编辑: 种花家 修订: 种花家 来源: 网络转载 2023-09-08 我要说两句(0)

在一些国家纪念日的情况下, 倡导使用黑白色调的网站。难道是程序员真的把网站大量代码都修改成黑白了?其实不然。

将这段代码嵌入网站css

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

或者直接在html的dom节点上加入style属性, 例如:

<html lang="en" style="-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)">

上传到服务器上覆盖原来的页面,生效。

阅完此文,您的感想如何?
  • 有用

    3

  • 没用

    1

  • 开心

    1

  • 愤怒

    0

  • 可怜

    0

1.如文章侵犯了您的版权,请发邮件通知本站,该文章将在24小时内删除;
2.本站标注原创的文章,转发时烦请注明来源;
3.交流群: PHP+JS聊天群

相关课文
  • 多个高度相同, 属性inline-block的div,有的div没有内容而有的div有内容,有内容的会下沉?

  • CSS生成内容

  • CSS3外轮廓属性

  • 自由缩放属性resize

我要说说
网上宾友点评