网页一键变成灰色代码教程
1年前
超过723天
温馨提示
本文最后更新于2022年12月01日，已超过723天没有更新，若内容或图片失效，请留言反馈。
非常的简单，直接把下面的css代码添加到相关地方就行了，注意代码顺序，避免被覆盖。
html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}
这段代码适用于typecho程序，只首页显示灰色，其他页面不显示灰色
<?php if ($this->is('index')) : ?>
html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}
<?php endif; ?>
0 赞
or 打赏
喜欢就打赏一点
下一篇
