CODEWITHSUNDEEP
htmlcss
alexx0186
alexx0186

Reputation: 1557

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

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

Upvotes: 5

Views: 6268

Answers (2)

JayC
JayC

Reputation: 7141

If you're limiting yourself to Webkit, you can use some filter properties you can mess with:

http://html5-demos.appspot.com/static/css/filters/index.html

If you want more than that... well, it seems each major browser has it's own support for something (yes, even Internet Explorer: ). I'm not sure how they could be cobbled together into a comprehensive solution, though.

Upvotes: 2

Jonathon Ashworth
Jonathon Ashworth

Reputation: 1114

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.

Upvotes: 8

Related Questions