css+图片+饱和度 |jquery怎么写css样式

img {
max-width: 100%;
height: auto;
}

CSS可以通过上述代码让图片等比例缩放，防止图片变形和撑破布局。而另一种和图片相关的CSS属性是饱和度。

img:hover {
filter: saturate(0%);
}

饱和度是指图片的颜色饱和程度，取0%~100%之间的值，数值越高越鲜艳。而在上述代码中，当鼠标悬停在图片上时，图片的饱和度会被设为0%，即转为黑白灰调。

通过控制图片的饱和度，可以让网页更具有视觉冲击力，也可以为不同场景的网页呈现不同的风格。当然，为了达到更好的效果，设计师需要综合考虑图片、CSS和页面整体的配色，尽可能避免单纯地色彩过渡或色温不和谐的情况。