CSS3如何实现网页变成灰色模式

 时间:2024-10-13 15:18:09

1、在css中,如果我们想要让网页变成灰色模式,如何实现呢?下面小编举例讲解CSS3如何实现网页变成灰色模式,我们要使用到filter这个属性。

CSS3如何实现网页变成灰色模式

2、在test.html文件内,我们需要写入两张彩色的图片,<img src=&孥恶膈茯quot;005.jpg" ><img src="011.jpg" >。

CSS3如何实现网页变成灰色模式

3、编写css样式<style type="text/css"></style>标签,样式将写在该标签内。

CSS3如何实现网页变成灰色模式

4、在css样式标签里,在括号内,设置css属性样式为html { filter: grayscale(100%); -webkit-fi造婷用痃lter: 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);}

CSS3如何实现网页变成灰色模式

5、在浏览器浏览一下test.html,来看看效果能否实现。

CSS3如何实现网页变成灰色模式
  • 艾尔登法环神皮缝针在哪里怎么获得
  • 艾尔登法环坠落震击怎么获得
  • 艾尔登法环混种圣骑士怎么打
  • 艾尔登法环恶兆猎人长袍怎么获得
  • 艾尔登法环骨灰效果一览
  • 热门搜索
    关于植树节的手抄报图片 圣诞节的手抄报 数学手抄报资料 儿童手抄报图片大全 小学生重阳节手抄报 关于五一劳动节手抄报 小学生法制手抄报 世界环境日手抄报内容 中学生英语手抄报 庆国庆手抄报简单漂亮