Text hover Effekt

Shopware 6 (German) Themes & Design
1

Hallo,

ich habe folgendes Theme gekauft und versuche, einen Effekt einzubauen, der auf der Demo-Seite des Themes dargestellt wird.

https://unikura.tab10.de

Und zwar diesen Hover-Effekt, wenn man über eine der Parfümflaschen fährt. Hat jemand einen Tipp, wie ich so etwas umsetzen kann?

2

Hast Du denn den Anbieter mal gefragt? Soweit ersichtlich, ist das im Theme enthalten.

.unikura-herobox .cms-element-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: none;
    min-width: auto;
    padding: 20px;
    min-height: 30%;
    -moz-transform: translateY(calc(100% - 60px));
    -o-transform: translateY(calc(100% - 60px));
    -ms-transform: translateY(calc(100% - 60px));
    -webkit-transform: translateY(calc(100% - 60px));
    transform: translateY(calc(100% - 60px));
}
3

Einfach mal Beispiele mit CSS ansehen:

transform: scale(n);