记录了一个把整个页面变得沉重的代码
一 代码
<head>
<style>
html{
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
.container{
text-align: center;
}
img{
width: 1000px;
height: 800px;
}
</style>
</head>
<body>
<div class="container">
<img src="fengjing.jpg"/>
</div>
</body>
二 效果
三 解析
filter 属性定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)。
- grayscale(%)
-
将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0；
四 总结
如有错误恳请指正，如有侵权请联系我删除