首页 文章

WooCommerce产品类别悬停效果

提问于
浏览
-1

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

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

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

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

我也尝试过下载Woo Shop Hover Effects,但最接近它的是“脉冲” .

1 回答

  • 0

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

    .product { top: -1em; }
    

    适应您的需要

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

相关问题