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

vikingo asked 5 months 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

1 Answers
darrel wilson answered 2 weeks ago

i would use CSS. CSS can be applied to products and can create a hover effect, i think thats better than adding a plugin because it will make your website more heavy.
This might help you
https://www.developerdrive.com/8-simple-css-hover-effects/