“网站变灰”的代码实现

news/2024/5/14 5:06:23/文章来源:https://blog.csdn.net/weixin_45502613/article/details/106647887

网站变灰

为了表示哀悼,当天很多网站把主页和内容都变成了灰色,比如百度、B 站、爱奇艺、CSDN 等等。
在这里插入图片描述
CSDN&&爱奇艺&&百度等

在这里插入图片描述
实现:

html.gray {
-webkit-filter: grayscale(.95);
}
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

这个样式名叫做 filter,搜下 MDN 的官方介绍,其链接为:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter

各个用法介绍大家可以参考官方的文档说明:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_904083.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

最便宜的高负载网站架构

1, LVS做前端四层软件均衡负载 LVS是基于IP虚拟分发的规则, 不同于apache,squid这些7层基于http协议的反向代理软件, 前者在性能上能得到更好的保证! 另外, 后者在处理http header信息时, 会显得很被动. 开源, 高性能, 这不就是我们所需要的吗? 另外,…

网站开发-php开发手机论坛(2)-http协议以及网络原理

对于初学者来说,最大的难题就是网络到底是怎么运作的.所以了解http协议以及网络原理是很重要的,这将为后面的学习打下坚实的基础. 声明:以下内容有引用别人的博文,我会附录在最后.另外,由于水平有限,可能某些地方理解不够深入,有错误欢迎指出.我会尽量以通俗的语言说明,有些术…

网站开发-php开发手机论坛(4)-功能设计及需求分析,功能结构模型

在开发论坛之前,我们先要做一下功能设计.然后才能按照功能设计代码. 这里我要做的是一个手机论坛.首先考虑论坛的属性,论坛无非就是用户发帖讨论某个主题.所以功能结构是比较简单的.我画了个思维导图帮助理解.个人觉得图形化的结构更加好理解和记忆. 前端设计: 还要加上个发帖…

网站开发-php开发手机论坛(4)-数据库设计

数据库的设计和使用是一个程序员必备的技能.在这里我用的是免费开源的mysql. 没有接触过数据库的可以先去这里入一下门.21分钟 MySQL 入门教程 数据库的设计是很重要的,必须满足以下范式. 第一范式(1NF)无重复的列 第二范式(2NF&#xff09…

网站地址做成静态链接有什么优点?

文章摘自于海象云https://www.haix.cn/news_41/66.html 网站地址有哪些分类呢?现在主要包括动态链接、静态链接、伪静态链接这三种,三种方式的展现不一样,地址格式也不一样,对蜘蛛和服务器的配置来说也不一样! 这三种不…

网站收录会帮助排名吗?

文章摘自于海象云https://www.haix.cn/news_41/67.html 搜索引擎对网站的收录多少,真的会影响网站的排名吗?很多人都会陷入这个误区,认为收录量和网站排名是正向的关系! 错误理解: 1、搜索引擎对网站内容收录越多&…

网站跳出率高怎么解决?

文章摘自于海象云https://www.haix.cn/news_41/72.html 跳出率是什么?跳出率是指用户访问了一个页面就离开了与总访问量的百分比。网站有跳出其实是很正常的,但是高的跳出率,搜索引擎会认为网站质量不是恨到,用户不喜欢当前页面网…

在网站优化中怎么做好关键词密度?

文章摘自于海象云https://www.haix.cn/news_41/74.html 网站优化当中关键词选择及关键词布局是重要的一环,其中关键词密度是关键词布局当中的重中之重,确定好关键词的数量,不能过分堆砌关键词,提高网站的可读性和文本关联性&…

长尾关键词真的能帮助网站排名?

文章摘自于海象云https://www.haix.cn/news_41/75.html 长尾关键词是什么? 首先,我们先要明白什么是长尾关键词。在日常的搜索当中,用户喜欢搜索简短的词语组合,往往五个字数左右,就会造成这部分词语就很热门&…

网站被降权的原因和如何修复?

文章摘自于海象云https://www.haix.cn/news_41/78.html 不管网站优化的新手还是专业人员,都会遇到网站降权,当网站降权的时候大家也不要惊慌,找出被降权的原因,然后改善网站的内容质量和结构页面,或者通过反馈投诉等恢…

十三个大数据学习网站

数据挖掘与大数据分析 微信号datakong 功能介绍以传播大数据、解读行业趋势、数据化运营为核心的新媒体平台,已有150多万行业人士关注,荣获2013年新浪微博百强自媒体、2016年中国十大大数据领域影响力平台,关注我就是关注数据 数据分析 越来越…

开源网站总结

代码搜索平台: SourceForge 一个非常优秀的有多年历史的老牌开源项目共享平台。 CodePlex 微软的一个开源项目分享平台,你可以在上面创建项目同全世界分享。 Google Code Search Google的代码搜索引擎,凭借自己的搜索技术优势&#xff…

[转]海淀消协曝光29个骗子购物网站

导读: 昨天,海淀区消协曝光29个骗子购物网站及其电话。这些骗子网站以销售电子产品为主,网站电话多为铁通电话,地址不详,消费者受骗后维权困难。 这些网站上的商品价格仅相当于市场价的4-6折,消费者难抵诱惑打电话询问并汇款。但消费者经常收不到商品,并被网站以各种理由…

每个初学者前端开发人员都需要的 5 个网站

在我成为前端开发人员的过程中,我遇到了许多对我帮助很大的资源和网站。我希望我在开始时就知道这些网站中的一些,因为它会使这个过程变得更加容易。 冷却器 如果您正在努力寻找一个好的调色板或寻找 与您想要使用的特定颜色相配的颜色。Coolors 是适合…

ASP.NET的SEO:SEO Hack --- Html注入和Nofollow

ASP.NET的SEO:SEO Hack --- Html注入和Nofollow ASP.NET的SEO:目录 黑帽(black hat)SEO主要是指采取“不怎么道德”(暂时就这么形容吧!)的方式进行搜索引擎优化。 1. 注入攻击,包括…

大型网站系统架构分析

千万级的注册用户,千万级的帖子,nTB级的附件,还有巨大的日访问量,大型网站采用什么系统架构保证性能和稳定性? 首先讨论一下大型网站需要注意和考虑的问题。 数据库海量数据处理:负载量不大的情况下sele…

海量日志数据__怎么在海量数据中找出重复次数最多的一个;提取出某日访问网站次数最多的那个IP;提取出某日访问网站次数最多的前n个IP

问题一: 怎么在海量数据中找出重复次数最多的一个 算法思想: 方案1:先做hash,然后求模映射为小文件,求出每个小文件中重复次数最多的一个,并记录重复次数。 然后找出上一步求出的数据中重复次数最多的一个就…

建站小白从零搭建自己的网站-妈妈再也不用担心我的网站了

前言: 这个博客本来打算等网安-全国互联网安全管理服务平台备案好再来写这篇文章,但是一直等,等我的实在是受不了,使我放弃网安备案的想法就是,我的一个朋友也在备案,还要在当地公安局打出无犯罪记录证明&a…

WORDPRESS---搭建个人博客网站

1. 数据库同在一台服务器安装wordpress [rootweb01 blog]# rz -y [rootweb01 blog]# unzip wordpress-4.6.zip [rootweb01 blog]# mv wordpress-4.6.zip /tools/ [rootweb01 blog]# mv wordpress/* . [rootweb01 blog]# chown -R nginx.nginx blog/ [rootweb01 blog]# /app…

大型网站架构演变和知识体系

在这篇文章中 将阐述一个普通的网站发展成大型网站过程中的一种较为典型的架构演变历程和所需掌握的知识体系,希望能给想从事互联网行业的同学一点初步的概念,:),文 中的不对之处也请各位多给点建议,让本文…