WooCommerce产品类别悬停效果

时间:2017-03-10 01:50:50

标签: css wordpress woocommerce hover effect

有没有办法实现自定义CSS代码,为产品和类别提供“提升”或“提升”的悬停效果,如下例所示:

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

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

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

我也尝试过下载Woo Shop Hover Effects,但他们最接近的效果是“脉冲”。

1 个答案:

答案 0 :(得分:0)

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

.product { top: -1em; }

适应您的需要

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