[哀悼雅安芦山地震]把网页由彩色变成灰度(谷歌、火狐、ie等浏览器兼容)

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,<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);
	   -webkit-filter: grayscale(1);
}

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
非常感人的想法,我可以帮你写一个简单的HTML和CSS代码来展示悼念汶川地震遇难同胞的网页,如下所示: ```HTML <!DOCTYPE html> <html> <head> <title>悼念汶川地震遇难同胞</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; font-size: 30px; font-weight: bold; } main { margin: 20px; } h1 { font-size: 24px; font-weight: bold; color: #333; margin: 0 0 10px; } p { font-size: 18px; line-height: 1.5; color: #555; margin: 0 0 20px; } .img-container { margin: 0 auto; max-width: 600px; } img { display: block; margin: 0 auto; max-width: 100%; } .btn-container { text-align: center; } button { background-color: #333; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; font-size: 18px; cursor: pointer; } button:hover { background-color: #555; } </style> </head> <body> <header>悼念汶川地震遇难同胞</header> <main> <h1>我们永远怀念那些离我们而去的人们</h1> <p>2008年5月12日,四川汶川发生了7.8级地震,造成了巨大的人员伤亡和财产损失。数以万计的同胞不幸遇难,他们的离去让我们深感痛惜和哀思。</p> <div class="img-container"> <img src="https://i.imgur.com/4WvLsIx.jpg" alt="汶川地震遇难同胞"> </div> <div class="btn-container"> <button>捐赠救灾</button> </div> </main> </body> </html> ``` 这个网页的主要内容包括一个标题 `悼念汶川地震遇难同胞`,一段文字介绍汶川地震的情况,一张图片表达我们对遇难同胞的哀悼,以及一个捐赠救灾的按钮。整个页面的颜色采用灰白色系,以表达对逝者的沉痛和悼念。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值