The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Hover card overlay effect. Reply To: Hover card overlay effect.


Not really sure what you mean, but maybe this?
I think it’s has mainly to do with your selector. I used this selector: .projects-content:hover .projects-content__image::after instead of your .projects-content__image:hover::after > *:hover.

Also because of the HTML markup I changed the absolute positioned div from width 100% and height 100% to 90% which matches the overlay then. And the position is (100% – 90%)/2 = 5% from bottom and left.