Mit dem Elementor können viele Hover-Ereignisse erstellt werden. Das Hier vorgestellte Ereignis ist besonders gut für Web-Shops geeignet, wenn bei Hover ein zweites Produktbild erscheinen soll. Z.B Ein Produktbild von hinten und von vorne.

Hier zeige ich euch das Ergebnis:

https://https://www.brilliantis.ch/brilliantis-kapseln/

Und so funktioniert es

Einfach 2 gleich große Bilder erstellen. Ein drittes genau so großes Bild als Transparent.png erstellen und dieses als eigentliches Bild mit Elementor einfügen. Jetzt ist der Inhalt gefüllt. Jetzt unter erweitert auf Standard und Hover die beiden verschiedenen Bilder einfügen. Fertig!

Hier gibt es noch ausführliche Erklärungen zu weiteren Hover-Effekten: