I’m trying to create a simple fade in on hover effect.
The black bars with the text should be invisible by default and slowly fade in once you hover over the image.
I’ve searched and tried a few different methods, but haven’t quite made it work yet.
This is my current situation: JSFiddle
It’s working but here’s a glitch. When you hover your mouse over the black bars they fade in ‘n’ out continually… that shouldn’t happen, the image is behind the black bars, meaning you’re still hovering over it, therefore the black bars should stay on all the time.
Can somebody help me fix this glitch?
Any help will be highly appreciated. Thanks.
