侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

利用css滤镜效果把彩色变灰色

2022-06-08 星期三 / 0 评论 / 0 点赞 / 188 阅读 / 1699 字

有时候想把网站上的图片全部变成灰色,要怎么做呢?这时就可以用到css中的滤镜效果啦,利用css滤镜效果把彩色变灰色,用一个html选择器来做,图片处理的前后效果如下:css滤镜前[caption id="attachment_76" align="aligncenter"

有时候想把网站上的图片全部变成灰色,要怎么做呢?这时就可以用到css中的滤镜效果啦,利用css滤镜效果把彩色变灰色,用一个html选择器来做,图片处理的前后效果如下:

css滤镜前的图片

css滤镜前

[caption id="attachment_76" align="aligncenter" width="300"]滤镜后的效果图 滤镜后的效果图[/caption]

css滤镜代码如下:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>滤镜效果</title>
<style type="text/css">
img{filter:gray;}
</style>
</head>
<body>
<img src="1.jpg" width="200" height="200"/>
<img src="2.jpg" width="200" height="200"/>
<img src="3.jpg" width="200" height="200"/>
<img src="4.jpg" width="200" height="200"/>
</body>

广告 广告

评论区