网页的默哀滤镜

仅作为知识点记录

一、前言

我们常常会在百度百科中看到有人去世时,关于ta的百度百科页会变成黑白色,而其他的无影响。这难道是又重新创建或者修改了整个网页的内容吗?那工作量和时间也来不及呀,其实不然,而是有一个属性,只需设置该属性就可以改变一整个网页的色调

二、语法

1.官方解释

CSS3 filter(滤镜) 属性:定义了元素(通常是img标签)的可视效果

2.官方语法

img {
    -webkit-filter: grayscale(100%); /* 支持谷歌、苹果、 Opera浏览器*/
    filter: grayscale(100%);
}

三、实现

1.代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>默哀滤镜</title>
    <style type="text/css">
    	html{
	        -webkit-filter: grayscale(100%);  
    	    filter: grayscale(100%);
  		}
    </style>
  </head> 
  <body>
	<img width="200px" src="/TestModel/imgs/colorful.jpg">
	<h1>h标签的大标题</h1>
	<p style="color: red">p标签的彩色字体内容<p>
  </body>
</html>

2.效果

不支持IE浏览器
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
主持人:大家好,欢迎来到我们的红色祭扫活动现场。今天我们聚集在这里,怀念那些为了我们的国家和人民,英勇牺牲的烈士们。让我们一起默哀,以表达我们对烈士们的敬仰之情。 (默哀一分钟) 主持人:感谢大家的参与。接下来,我们将进行祭扫仪式。请大家手持鲜花,向烈士墓前敬献花篮和鲜花。 (现场进行向烈士墓前敬献花篮和鲜花) 主持人:在这个特殊的日子里,我们怀念的不仅是那些烈士,还有他们的家人。他们的亲人在烈士牺牲后,承受着无法想象的痛苦和心理压力。让我们一起为烈士家属献上我们的祝福和慰问。 (现场进行向烈士家属献上祝福和慰问) 主持人:今天的活动,我们也邀请到了一位资深军人,来为我们讲述烈士的故事和精神,他是XXX。 (请资深军人上台) 资深军人:尊敬的各位,今天我们在这里怀念的是那些为了我们的国家和人民,英勇牺牲的烈士们。他们是我们民族的英雄,是我们的骄傲和自豪。他们用自己的生命,换来了我们的和平和幸福。他们的精神将永远铭刻在我们心中。 在今天这个特殊的日子里,我们要铭记烈士的事迹和精神,让这份红色记忆代代传承下去。让我们一起发扬烈士的精神,勇往直前,不断奋斗,为我们的国家和人民作出更大的贡献。 主持人:非常感谢XXX资深军人为我们讲述了烈士的事迹和精神。今天的活动,我们也邀请到了一位优秀的青年演员,为我们献上一首歌曲,以表达对烈士的敬仰之情。 (请青年演员上台) 青年演员:尊敬的各位,今天我为大家献上一首歌曲《红旗飘扬》,这首歌曲表达了我们对烈士的敬仰和赞美,也表达了我们对未来的信心和希望。 (演唱《红旗飘扬》) 主持人:非常感谢青年演员为我们献上了这首歌曲。最后,让我们再次默哀,缅怀那些英勇牺牲的烈士们。 (默哀一分钟) 主持人:感谢大家的参与,今天的活动在这里结束。让我们一起铭记烈士,传承红色记忆,共同为我们的国家和人民作出更大的贡献。谢谢大家!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值