Responsive design 流体图像的滚动淡入淡出

我正在创建一个反应迅速的网站，其中有一个由流体图像组成的图库。为此，我必须使用cssimg{max width:100%；}。我还想在悬停时有一个淡入淡出的效果

有人能解决这个问题吗

到目前为止，我尝试过的所有解决方案都不适用于cssimg{max width:100%；}

---

非常感谢你的帮助

定义图像宽度及其最大宽度。它必须以像素或em为单位。 您不需要将“最大宽度”或“最小宽度”保持在%中。 浏览器根据其原始宽度或高度值进行渲染。作为

这就是一个例子

img{
    width:50%;
    height:30%;
    max-width:300px;
    min-height:100px;
    }

---

每个图像都可以灵活地使用viewport。

非常感谢您的回答！谢谢，卡米尔。如果你真的觉得这个答案很有用，那么请推荐它。我感谢你的进步。