Ein CSS-Hover-Effekt tritt auf, wenn ein Benutzer mit der Maus über ein Element fährt und das Element mit Übergangseffekten reagiert.
Geben Sie den folgenden Codeblock in das Feld „Benutzerdefiniertes CSS“ in Ihrem Job ein (in meinem Fall Vorschaubilder auf der Startseite, in den meisten Fällen: .thumbnail statt figure.preview-media):
figure.preview-media {
top:-50px;
left:-35px;
display:block;
z-index:999;
cursor: pointer;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
}
/*Ändern Sie die Zahl unten, um sie auf die entsprechende Größe zu skalieren*/
figure.preview-media:hover {
transform: scale(1.1);
}
Fügen Sie das Attribut class=“thumbnail“ zu jedem Bildelement hinzu, das Sie beim Hover vergrößern möchten
