悬停时图像突出显示和亮度

Question

我创建了一个图片库，每当我将鼠标悬停在一个图像库上时，我想要一个白色叠加显示图像正在徘徊，但我不想失去图像的质量。我已经尝试过改变不透明度但我希望它以100％的不透明度开始然后增加。但是，这是不可能的，所以我希望在不降低质量的情况下对图像进行突出显示。

以下是我工作的链接：

http://www.mediafire.com/file/g1yagf1u6y7ea67/website%204.zip

CSS或HTML中有没有办法做到这一点？

Answer 1

您可以使用CSS filter property。

.your-image:hover {
    -webkit-filter: brightness(1.15);   
}