将网站、网页整个界面变成黑白灰色调css代码

将网页转变成黑白灰色调的css代码

不多说,请看代码,将网站或者网页变成黑白色

###网页黑白代码外部样式
**写入.css文件请用*

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

###网页黑白代码内部样式
写入头部head标签里面

<style type="text/css">
<!--
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}
-->
</style>

###网页黑白代码内联式
写入html标签,找到html

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

###网页黑白代码QQ群空间版,针对大部分主流浏览器
**写入.css文件请用*

html {-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

转载请注明转自:一极乐http://yijile.com/log/288.html


话题相关文章

话题标签

代码HTMLCSS乐知道

一极乐 为乐趣而生

《将网站、网页整个界面变成黑白灰色调css代码》  发表时间:  最后更新时间:

谁来过

不知子曰邀请你对本文不足说出你的看法!

有 18 条评论

  1. 不知子曰

    都是收藏的内容?

  2. 本间芽衣子

    嗯呢

  3. 不知子曰

    哈哈,开心就好,我也什么都不懂,不过时间长了慢慢会累积一些东西

  4. 本间芽衣子

    我也不会什么代码 什么不懂 就懂的一些小技巧 不懂就百度 做个小小的站长。懂的越多,最初建站的初心淡忘的越快!╮(╯_╰)╭

  5. 不知子曰

    技术是个好东西

  6. 本间芽衣子

    O(∩_∩)O哈哈~ 见笑了 。那时候 还的不多

  7. 不知子曰

    原来如此

  8. 本间芽衣子

    马航那时候 我去其他网站全部变灰色了 我还以为我电脑出问题了 啊啊 w(゚Д゚)w

  9. 不知子曰

    方法特别多,够用便好

  10. 本间芽衣子

    原来是这样的,难怪!!




博主推荐专题

佛学资料Typecho模版代码乐知道CSS百度CyanogenMod
搜索引擎提交入口言辞


关闭

标签云

一极乐 衷心接受你的建议

TOP