With CSS, can I increase the contrast of background-image upon hover?

Question

I have looked into other threads about this, but they all suggest to play around with opacity and tranparency.

But I want to do the opposite: increase contrast of background image (while using the same BG image), or some other way of achieving something similar.

Thanks a lot in advance. Regards

Answer 1

Try putting the background on top of a plain black background, setting the opacity to 0.8 or 0.9, then setting it to 1.0 on hover.