Css WooCommerce产品类别悬停效应

有没有一种方法可以实现自定义CSS代码，从而使产品和类别具有“向上提升”或“向上提升”的悬停效果，如本例所示：

我真的很喜欢它举起来，展示周围的边界

我在我的avada中有这种效果，但它只适用于我放置的图像。我不知道如何做到这一点，所以我可以有一个主要的商店页面和所有的产品在一个类别页面上也会这样做

---

我还尝试下载了Woo Shop悬停效果，但最接近这种效果的是“pulse”。

要使用自定义CSS，我建议： 所以它只是使用一些简单的代码，比如

.product { top: -1em; }

适应你的需要

.product { bottom: -1em; }
.product { background: red; }

---

这不起作用。这为各个产品页面添加了背景，但在悬停时不会对类别和商店页面产生任何影响。