HTML5+CSS3小实例:纯CSS实现网站置灰

实例:纯CSS实现网站置灰

技术栈:HTML+CSS

效果:

源码:

【HTML】

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

    <title>纯CSS实现网站置灰</title>
    <link rel="stylesheet" href="195.css">
</head>

<body>
    <h1>有时候,为了缅怀一些人和事(比如:汶川地震、伟人逝世……),我们需要把网站变成灰色。</h1>
</body>

</html>

【CSS】

*{
    margin: 0;
    padding: 0;
    /* 灰度滤镜 */
    filter: grayscale(1);
    /* 

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

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

相关文章

HTML audio设置.currentTime而实际播放位置不准确

可能是因为 .mp3 文件为 VBR 编码&#xff0c;使用 Au 等工具将文件转为 CBR 编码即可&#xff0c;或其他文件格式。

写开发信的技巧有哪些?做邮件的注意事项?

做外贸写开发信的技巧分析&#xff1f;如何写好外贸开发信邮件&#xff1f; 开发信是一种不可或缺的工具&#xff0c;它用于建立联系、推销产品或服务&#xff0c;以及与潜在客户建立有意义的关系。然而&#xff0c;要写出引人注目且有效果的开发信并不容易。蜂邮将介绍一些开…

idea过往各版本下载

idea过往各版本下载 https://www.jetbrains.com/zh-cn/idea/download/other.html

十问ByteHouse:如何基于ClickHouse玩转向量检索?

更多技术交流、求职机会&#xff0c;欢迎关注字节跳动数据平台微信公众号&#xff0c;回复【1】进入官方交流群 向量检索被广泛使用于以图搜图、内容推荐以及大模型推理等场景。随着业务升级与 AI 技术的广泛使用&#xff0c;用户期望处理的向量数据规模越来越大&#xff0c;对…

格密码与线性代数

目录 一. 幺模矩阵 二. Gram-Schmidt 正交化 三. 矩阵分解 四. 格基本区 五. 对偶格基 六. 矩阵伪逆 七. 正定矩阵 八. 矩阵转置 九. 奇异值分解&#xff08;SVD分解&#xff09; 格密码中格基是矩阵&#xff0c;格点是向量。本文章梳理一些格密码常用到的一些线性代数…

Docker使用3-Share the application

写在前面 本文主题是Share the application&#xff0c;这里是链接。本文主要学习如何将镜像image上传到Docker Hub 创建仓库 创建并登录Docker Hub登录后点击Create Repository按钮仓库名填写getting-started&#xff0c;确保仓库权限为公开的点击Create按钮 推送镜像 在…

linux系统下可用的语音转文字方法(Fish Speech)

推荐一款Linux下可用的&#xff0c;全新的文本转语音(TTS)&#xff0c;计算机朗读文本—Fish Speech Fish Speech具有高度自定义和灵活性&#xff0c;目前支持Linux和Windows系统。 运行需要2GB的GPU内存进行运算&#xff0c;使用Flash-Attn进行推理和训练&#xff0c;支持VQGA…

【Python】—— pandas数据处理

Pandas 提供了丰富的数据处理功能&#xff0c;涵盖了从数据导入、清理、转换到分析和可视化的方方面面。以下是一份关于 Pandas 数据处理的主要内容&#xff1a; 1. 数据导入和导出 导入数据&#xff1a; import pandas as pd# 从 CSV 文件导入 df pd.read_csv(data.csv)# 从…

闵帆老师《论文写作》课后感悟

文章目录 前言一、学术论文二、使用Latex工具撰写论文三、论文题目四、论文摘要五、论文关键词六、论文引言七、文献综述八、算法伪代码九、实验部分十、论文结论十一、参考文献十二、其他注意事项总结 前言 本篇文章是学习了本学期《论文写作》课程之后&#xff0c;收获良多。…

spring boot版本升级遇到的一些问题

背景&#xff1a;由于项目需求&#xff0c;需要将nacos 1.4.6版本升级到2.x版本&#xff0c;由此引发的springboot、springcloud、springcloud Alibaba一系列版本变更。 旧版本分别为&#xff1a; Spring Boot 2.3.5.RELEASE Spring Cloud Hoxton.SR9 Spring Cloud Alibaba 2.2…

【09】ServiceEntry使用案例

案例背景 为了便于测试&#xff0c;我们用非网格化的名称空间中运行的应用来模拟运行于VM/萝服务上的外部服务&#xff0c;假设&#xff1a; 在网格外部运行nginx服务&#xff0c;有2个实例 Nginx2001:监听地址为172.29.1.201:8091&#xff0c;nginx版本为1.20nginx2002&#x…

HTML_有哪些字体样式及使用

文章目录 &#x1f431;‍&#x1f409;一、字体样式的基本概念&#xff1a;&#x1f431;‍&#x1f409;二、css字体样式属性有&#xff1a;&#x1f923;1、设置字体类型&#xff08;font-family&#xff09;&#x1f923;2、设置字体大小&#xff08;font-size&#xff09;…

使用DETR 训练VOC数据集和自己的数据集

一、数据准备 DETR用的是COCO格式的数据集。 如果要用DETR训练自己的数据集&#xff0c;直接利用Labelimg标注成COCO格式。如果是VOC数据集的话&#xff0c;要做一个格式转换&#xff0c;yolo格式的数据集&#xff0c;转换成coco格式 COCO数据集的格式类似这样&#xff0c;a…

JAVAEE初阶 多线程进阶(一)

进阶面试题 一. 锁拓展1.1 乐观锁与悲观锁1.2 轻量级锁与重量级锁1.3 自旋锁和挂起等待锁1.4 普通互斥锁与读写锁1.5 公平锁与非公平锁1.6 可重入锁和不可重入锁 二.锁的优化策略2.1 锁的自适应2.2 锁消除2.3 锁粗化 三.CAS 一. 锁拓展 1.1 乐观锁与悲观锁 乐观锁 : 加锁前,预…

Linux IO模式之io_uring

1. 概述 作为科普性质的文章&#xff0c;在介绍 io_uring 之前&#xff0c;我们可以先整体看一下 linux 的 IO 模型大体有哪些类型。 图 1.1 从图 1.1 中可以看出&#xff0c;linux 的 IO 主要可以分为两个大类&#xff0c;而我们今天要介绍的 io_uring 就属于其中的 kernel …

从零开始构建高效的网校平台:在线教育系统源码的开发指南

随着科技的不断发展&#xff0c;在线教育在现代社会中变得愈发重要。本文将为您提供一份详尽的指南&#xff0c;从零开始构建高效的网校平台&#xff0c;覆盖在线教育系统源码的关键开发步骤。 第一步&#xff1a;明确需求和目标 在开始之前&#xff0c;明确您的网校平台的需…

vue看板使用电子数字

1、下载字体 https://www.dafont.com/theme.php?cat302&text0123456789 2、下载后将压缩包解压,并上传到https://link.csdn.net/?targethttps%3A%2F%2Fwww.fontsquirrel.com%2Ftools%2Fwebfont-generator 然后下载 3、项目中使用 在Vue项目中的assets中新建fonts文件夹…

k8s集群内部署nexus

一、前言 在k8s集群中部署nexus服务需要使用到pv、pvc服务来存储nexus的数据&#xff0c;需要使用service服务来提供对外访问nexus服务的端口&#xff0c;需要使用deployment服务来管理nexus服务&#xff0c;接下来就是用这些服务来在k8s集群中搭建nexus&#xff0c;pv服务使用…

系统设计——系统安全

HTTPS 是如何工作的&#xff1f; 安全超文本传输​​协议&#xff08;HTTPS&#xff09;是超文本传输​​协议&#xff08;HTTP&#xff09;的扩展。HTTPS 使用传输层安全性&#xff08;TLS&#xff09;传输加密数据。如果数据在网上被劫持&#xff0c;劫持者得到的只是二进制…