WOOCOMMERCE产品类别悬停效果

Question

有实现自定义CSS代码，以赋予产品和类别的“举起”或“撞了”就像这个例子悬停效果的方式：

http://preview.themeforest.net/item/jolishop-harmonious-aesthetic-simple-woocommerce-theme/full_screen_preview/19305276

我真的很喜欢它如何升起，并显示它周围的边界。

我在我的avada中有效果，但它仅适用于我放置的图像。我不知道该怎么做，所以我可以让主要的商店页面和一个类别页面上的所有prducts也做到这一点.....

我也试着下载Woo Shop Hover Effects，但是他们对此的影响是“脉冲”。

谢谢你， 迈克

Answer 1

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

.product { top: -1em; } 

适应你的需要

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