网站前端教程

哀悼日网站变灰色方法

网站前端教程 51源码 2023-12-29 人阅读

很多网站会在特别的日子把网站变灰色,以表哀悼,很多小白还不会,我的站长站分享给大家一段CSS把网站变灰色的方法。

只需把以下CSS加入到网站header标签内,或CSS文件内即可。

<style type="text/css">
body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; background:#f5f5f5}
</style>


上一篇:全套@media响应式布局代码方案分享 下一篇:text-decoration上 中 下划线使用方法 栏目分类

帝国CMS教程

织梦cms教程

discuz教程

ecshop教程

phpcms教程

wordpress教程

苹果cms教程

php教程

数据库教程

微信小程序教程

python教程

css教程

js教程

视频教程

电子书

最新更新
  • 01 text-decoration上 中 下划线使用方法 2个月前
  • 02 哀悼日网站变灰色方法 2个月前
  • 03 全套@media响应式布局代码方案分享 3个月前
  • 04 less响应式布局方案分享 3个月前
  • 05 css开发第一个字符制作圆形文字图标效果 3个月前
热门推荐
  • 01 为什么bootstrap国内很少人使用 620热度
  • 02 IE不显示加载iconfont阿里巴巴图标的解决方法 411热度
  • 03 CSS文字超出省略号显示 329热度
  • 04 分享IE6 PNG 透明的几种方法 253热度
  • 05 CSS定位控制上下左右坐标教程 247热度
版权声明:文章搜集于网络,如有侵权请联系本站,转载请说明出处:https://www.51yma.cn/jiaocheng/wwebqianduanjiaocheng/1379.html
文章来源:
标签