WooCommerce PRODUKT KATEGORIE Hovereffekt

Question

ist es eine Möglichkeit, einen benutzerdefinierten CSS-Code zu implementieren, den Produkten und Kategorien einen Hover-Effekt von „heben“ oder „bump up“ wie in diesem Beispiel zu geben:

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

Ich mag es wirklich, wie es anhebt, und zeigt die Grenze um ihn herum.

Ich habe den Effekt in meiner Avada, aber es ist nur für Bilder, die ich platziere. Ich weiß nicht, wie ich es machen soll, damit ich die Haupt-Shop-Seite und alle Prdukte auf einer Kategorieseite haben kann.

Ich habe auch versucht, Woo Shop Hover Effects herunterzuladen, aber die cloest haben sie in diesem Sinne "Puls".

Danke, Mike

Answer 1

benutzerdefinierte CSS verwenden Ich empfehle: https://wordpress.org/plugins/ajax-awesome-css/ es also nur ein paar einfachen Code verwenden, wie

.product { top: -1em; } 

auf Ihre Notwendigkeit anpassen

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