how to get a woocommere product image to have a hover effect with the text brief, zoom and cart on mouse hover

vikingo asked 1 month ago

Hi!
I want to know if there is a plugin , or just some CSS to get a woocommere product image to have a hover effect with the text brief, zoom and cart on mouse hover. I have this made with Essential Grid, but now i am with storefront so i DON`T want to use essential grid.
Just to get an idea take a look at this site (NSFW, is about adult romance ebooks) https://naughtyangelpublishing.com/
when you hover any eBook it overlaps a text with zoom, add to cart, brief and read more.

Thanks in advance