Zoomeffekt in der Blog-Artikelliste

Sven J · 8. November 2024

Hallo zusammen,

auf meiner Startseite habe ich die Blog-Artikelübersicht gesetzt als News-Übersicht. Können die Vorschaubilder mit einem Zoomeffekt bei Mouseover animiert werden? Das würde die Übersicht nochmal interessanter aussehen lassen.

Liebe Grüße

Sven

aws · 18. November 2024

Ganz bescheidene Frage. Ich kenn nur die Widgets Link Artikel ,Scroll Artikel, Artikel Filter. Welches Widget meinst du mit Blog Artikelliste ?

Sven J · Mittwoch, 20:40

Das ist ein Originales Widget von ZP. Einen nachgebauten Blog gibt es leider nicht. Darum ist die Frage von mir in diesem Forum falsch gestellt. Sorry für die Verwirrung.

phil-web · Mittwoch, 21:21

Hallo,

das könnte mit folgendem CSS funktionieren (unter Einstellungen > CSS einfügen)

Code

<style>
.blogarticle {
    overflow: hidden;
}

.blogarticle img {
    transition: transform 250ms ease-in-out;
}

.blogarticle img:hover {
    transform: scale(1.15);   
}
</style>

Alles anzeigen

Sven J · Donnerstag, 00:04

Genial, wie das funktioniert! Das ist genau das, was ich gesucht habe. Vielen Dank, Phil

Das kommt mir noch eine Idee, die ich eventuell für ein weiteres Projekt benutzen könnte: Gibt es auch ein CSS, damit das Vorschaubild in der Blog-Übersicht eine leichte Drehung macht?

Teilen