WooCommerce 产品类别悬停效果答案

【问题标题】：WooCommerce Product Category hover effectWooCommerce 产品类别悬停效果
【发布时间】：2017-07-31 05:32:15
【问题描述】：

有没有办法实现自定义 CSS 代码，为产品和类别提供“抬起”或“向上”的悬停效果，如下例所示：

我真的很喜欢它升起的样子，并显示了它周围的边框。

我在我的 avada 中有效果，但它仅适用于我放置的图像。我不知道该怎么做，所以我可以拥有主商店页面，并且类别页面上的所有产品也可以这样做......

我也尝试下载 Woo Shop Hover Effects，但最接近该效果的是“脉冲”。

【问题讨论】：

【解决方案1】：

要使用自定义 CSS，我推荐：https://wordpress.org/plugins/ajax-awesome-css/ 所以它只是使用一些简单的代码，比如

.product { top: -1em; }

适应你的需要

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

【讨论】：