把彩色照片用css样式改成灰色照片

最新推荐文章于 2024-07-21 19:13:42 发布

青柠97

最新推荐文章于 2024-07-21 19:13:42 发布

阅读量116

点赞数

文章标签： css

本文链接：https://blog.csdn.net/a1997bcd/article/details/119926250

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>彩色照片改灰色</title>
		<style type="text/css">
			.img-hui{
				-webkit-filter: grayscale(100%);
				  -moz-filter: grayscale(100%);
				  -ms-filter: grayscale(100%);
				  -o-filter: grayscale(100%);
				  filter: grayscale(100%);
				  filter: gray;
				  opacity: 0.3;
			}
		</style>
	</head>
	<body>
		<div id="">
			<img class="img-cai" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.goumin.com%2Fattachments%2Fphoto%2F0%2F0%2F39%2F10092%2F2583623.jpg&refer=http%3A%2F%2Fwww.goumin.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632537628&t=8d33389b230306b4805c9351db64b096" >
			<img class="img-hui" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.goumin.com%2Fattachments%2Fphoto%2F0%2F0%2F39%2F10092%2F2583623.jpg&refer=http%3A%2F%2Fwww.goumin.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632537628&t=8d33389b230306b4805c9351db64b096" >
		</div>
		
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

青柠97

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
把彩色照片用css样式改成灰色照片

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>彩色照片改灰色</title> <style type="text/css"> .img-hui{ -webkit-fil
复制链接

扫一扫