某些特殊悼念日的时候,让个人网页风格变黑灰色

/*
* 网站变灰代码
*/
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'></fecolormatrix></filter></svg>#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}

转载于:https://www.cnblogs.com/muou2125/p/7813508.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值