@pvkom26Submitted about 2 years ago
Image overlay was somewhat new for me - and made me wonder on what the best approach here would be. At first I wanted to use a pseudo-element for this, but that didn't quite work. The solution I came up with was placing an <img> element and a separate <div> called "img-overlay" inside of an "image-container" and then setting "opacity" on "img-overlay" to 0 changing it to 1 on hover.
Are there better, more efficient ways to implement something like this? Let me know what you think in the replies!
