首页 > 其他分享 >css网页整页变灰代码

css网页整页变灰代码

时间:2023-08-22 18:38:30浏览次数:31  
标签:100% 整页 grayscale filter webkit 变灰 css

css网页整页变灰代码

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


标签:100%,整页,grayscale,filter,webkit,变灰,css
From: https://blog.51cto.com/u_15834001/7191817

相关文章

  • 10个有用的css编辑网站
    10个有用的css编辑网站1、Neumorphism官方网站:https://neumorphism.io/此网站不但可以为section或div生成软UI,还可以自定义border-radius、box-shadow等。 2、ShadowsBrumm官方网站:https://shadows.brumm.af/可以生成多个分层阴影,提供非常酷的效果,你也可以自定义颜色。......
  • 掌握CSS布局技巧,打造响应式网页设计
    1.引言在当今互联网时代,响应式网页设计已经成为了一种必备的技能。随着移动设备的普及和多样化,用户对于网页的访问方式也越来越多样化。因此,我们需要掌握CSS布局技巧,以便能够打造出适应不同设备和屏幕尺寸的响应式网页设计。2.CSS布局技巧2.1媒体查询媒体查询是CSS3中的一个......
  • 炫酷loading css实现
    实现效果代码本文使用react实现,其他同理index.jsimportReactfrom'react';importsfrom'./index.less';exportdefaultfunctionLoading(){return(<divclassName={`${s['loading-container']}${s['loading-active'......
  • 震惊!CSS 也能实现碰撞检测?
    本文,我们将一起学习,使用纯CSS,实现如下所示的动画效果:上面的动画效果,非常有意思,核心有两点:小球随机做X、Y方向的直线运动,并且能够实现碰撞到边界的时候,实现反弹效果小球在碰撞边界的瞬间,颜色发生随机的变化嗯?很有意思的效果。看上去,我们好像使用CSS实现了碰撞检测。然......
  • 《HTML CSS JavaScript 网页制作》JavaScript基本知识(简介、语法、事件、对象)
    一、JavaScript简介1、JavaScript特点脚本语言:是一种解释型的脚本语言,在程序运行过程中逐行进行解释;基于对象:可以创建对象,也能使用现有的对象;简单:采用的是弱类型的变量类型,对使用的数据类型未作出严格的要求;动态性:采用事件驱动,不需要经过web服务器就可以对用户的输入作出响应;跨平台......
  • 9 CSS背景属性
    CSS背景属性1.background-color(背景颜色)页面的背景颜色有四种属性值表示,分别是transparent(透明),RGB十进制颜色表示,十六进制颜色表示和颜色单词表示。属性使用:/*background-color:transparent;//透明background-color:rgb(255,0,0);//红色背景background-color:......
  • css单行垂直居中,超过两行显示省略号
    HTML:<div><span>单行居中,多行居左单行居中,多行居左</span></div><div><span>单行居中</span></div>CSS:span{font-size:14px;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;disp......
  • 8 CSS文本属性
    8文本属性font-style(字体样式风格)/*属性值:normal:设置字体样式为正体。默认值。italic:设置字体样式为斜体。这是选择字体库中的斜体字。oblique:设置字体样式为斜体。人为的使文字倾斜,而不是去使用字体库的斜体字。*/font-weight(字体粗细)/*属性值:normal:设置字体为正常......
  • CSS基础-定位
    CSS中通常使用position属性,决定元素的定位方式。常用的定位方式通常有值意义relative相对定位absolute绝对定位fixed固定定位相对定位position设置为relative。相对定位是元素相对于自己原来的位置通过使用top、left等属性进行移动,使其显示在新的位......
  • 7 CSS选择器优先级
    7选择器优先级所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。/*!important>行内样式>ID选择器>类选择器>标签>通配符>继承>浏览器默认属性1内联样式表的权值最高style=""1000;......