首页 > 其他分享 >提供css滤镜代码,变网页为黑白,为在地震中遇难的同胞哀悼

提供css滤镜代码,变网页为黑白,为在地震中遇难的同胞哀悼

时间:2022-10-12 22:33:08浏览次数:45  
标签:网页 代码 滤镜 html 哀悼 css CSS


特提供css滤镜代码,以表哀悼。

  以下为全站CSS代码。

  

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

 

  使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。

如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:

<style>

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

请将网页最头部的<html>替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

最简单的把页面变成灰色的代码是在head 之间加

 

<style. type="text/css">


html {

FILTER: gray
}
</style>

 

 

 


标签:网页,代码,滤镜,html,哀悼,css,CSS
From: https://blog.51cto.com/amadeus/5751700

相关文章

  • 狂神说CSS
    什么是CSS如何学习1.CSS是什么2.CSS怎么用(快速入门)3.CSS选择器(重点+难点)4.美化网页(文字,阴影,超链接,列表,渐变...)盒子模型6.浮动7.定位8.网页动画(特效效果......
  • CSS3-动画
    CSS3-动画动画(animation)是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。相比较过渡,动画可以实现更多变化,更多......
  • 简单总结一下第一天学习Scss的知识点
    1.变量声明用$符号标识变量,任何css的属性值都可以作为变量值。//变量使用$nav-color:#F90;nav{$width:100px;width:$width;color:$nav-color;}//编......
  • 表现标准语言CSS3学习 入门+导入方式
    表现标准语言CSS3学习入门+导入方式如何学习:css是什么css怎么用(快速入门)css选择器(重点+难点)美化网页(文字、阴影、超链接、列表、渐变...)盒子模型浮......
  • CSS中的背景用法大全
    ​​background​​​ 属性是CSS中用于设置元素背景的属性,最简单的​​background​​属性名,是针对背景若干设定的合并简写,最早的CSS只能使用单一背景图片,而在现在却可以......
  • CSS3新增样式
    CSS3新特性圆角:border-radiusradius:半径四个值是顺时针的顺序<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>demo</title>......
  • vue css 颜色背景进度条
     js赋值item.quoteScoreBackground=`linear-gradient(toright,#71d39d,#71d39d${pe......
  • css进阶伪类选择器与浮动
    <--------------------结构伪类选择器---------------------------->结构伪类选择器选择第一个:li:first-child;选择最后一个:li:last-child;选择其中一个:li:nth-child(n);选择器......
  • CSS笔记 - 14 移动端适配
    14.移动端适配14.1vw适配移动端开发中,由于不同设备视口和像素比不同,所以不能单纯使用px作为单位,需要使用vw做适配vw表示的是视口的宽度,1vw=1%视口宽度。假设设计......
  • CSS笔记 - 15 知识点补充
    15.CSS其它知识点【概念】1.继承为一个元素设置的样式同时也会应用到它的后代元素上,这种特性称之为样式的继承继承发生在祖先和后代之间,利用继承可以将一些通用的......