简单的网站变成灰白色

最新推荐文章于 2022-12-02 20:36:21 发布

weixin_30379973

最新推荐文章于 2022-12-02 20:36:21 发布

阅读量131

点赞数

原文链接：http://www.cnblogs.com/fewenjing/p/5892384.html

版权

加入css样式

html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-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"); /* Firefox */
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: gray; /* IE6-9 */
}

html标签中添加如下代码

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

ie 10 如果在必须变灰色的情况下,可以尝试使用grayscale.js

转载于:https://www.cnblogs.com/fewenjing/p/5892384.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30379973

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

一文读懂如何让网页变灰白色(黑白色)

念兮为美

12-07

1559

一文读懂如何让网页变灰。

Unity Shader 之图片灰度图过渡到彩色图效果的简单实现

仙魁XAN

03-27

2489

Unity Shader 之图片灰度图过渡到彩色图效果的简单实现目录 Unity Shader 之图片灰度图过渡到彩色图效果的简单实现一、简单介绍二、实现原理三、注意事项四、效果预览六、关键代码附录：从RGB色转为灰度色算法说明（简单效率上）一、简单介绍 Shader Language的发展方向是设计出在便携性方面可以和C++、Java等相比的...

参与评论您还未登录，请先登录后发表或查看评论

让网站变成灰白色（网站去色）

bigb的博客

12-02

366

让网站变成灰白色（网站去色）

网站变成灰白色

weixin_34345560的博客

12-09

203

2019独角兽企业重金招聘Python工程师标准>>> ...

网页变灰白的方法-最简单的方法

onlyjohn的专栏

04-23

1092

1：在网站通用样式表里面加上：body{filter:Gray;} img{filter:Gray;}这2段2：html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }3：html{filter:gray;}不过个人试了一下第2种第3种不太好用，第一种方法是好用的，没问题

将网站、网页变成灰白色调的哀悼风格界面的CSS代码

lianmindiandi

12-01

1629

下面来分享下使网站变成灰白色调，哀悼风格界面的代码： html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-fil

一段代码把网站变成灰白色

weixin_34354173的博客

12-02

255

css页面最前面加上这段代码 html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);} head标签里面 <style type="text/css"> html {filter: progid:DXImageT...

网站首页变成灰白色方法.doc

11-16

网站首页变成灰白色方法在本文中，我们将详细介绍如何将网站首页变成灰白色。这是一种哀悼的方式，通常用于纪念某些特殊事件或哀悼遇难的同胞。下面我们将具体介绍两种将网站首页变成灰白色的方法。方法一：使用...

使整个网站变灰色代码

04-20

根据提供的内容，有两种主要的方法可以使整个网站变成灰色： 1. **直接在HTML文档的`head`区域添加样式** ```html html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } ``` ...

网页变成灰色的方法

05-20

通过简单的CSS代码，即可轻松地将整个网页转变为灰白色。这种方法不仅易于实现，而且具有良好的可维护性和扩展性。在实际项目中，可以根据具体需求灵活调整参数，以达到理想的效果。同时，开发者还需要关注不同...

html 网页变成灰白色

hexx1986的博客

04-21

4946

为方便站点哀悼，特提供素装代码，以表哀悼。以下为全站CSS代码。 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。如果网站没有使用CSS，可以在网页/模板的H...

将网页变为灰白色的方法（悼念缅怀主题）

茶慕丝稚的小天地

12-13

3572

其实就是在<head></head>之间加上<style> html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:im

网站变灰色的两种方法_浏览器特效

钱多多

02-26

1337

这是两种简单有效的实现方法，针对不同的浏览器以及不同的布局方法等都有相应的实现代码，请仔细查看代码窗口。这里用到的是CSS的滤镜功能，用好了滤镜，你的网页会产生更加意想不到的效果。变灰黑色的CSS /*常规方法，在你的总的CSS文件开始加入本行代码*/ html{filter:progid:DXImageTransform.Microsoft.BasicImage(

整个网页都设置成灰色，素色(css样式)

程宇寒

09-26

8475

以下是效果图，最后面po了源代码！ <style type="text/css"> /*把整个网页都设置成灰色,素色*/ /* html { -webkit-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(graysale=1); } */ .allGray { ...

让整个网站网页变灰的方法