Berge bei Sonnenaufgang
Colección · 24 piezas
Karte mit Lift und Zoom
Beim Hover hebt sich die Karte, ihr farbiger Schatten wächst und das Bild zoomt langsam heran.
Einstellungen
Code
<div class="uv-kl"><div class="img"></div><div class="tx"><h3>Berge bei Sonnenaufgang</h3><p>Sammlung · 24 Stücke</p></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Karten
Wofür du ihn nutzen kannst
Diese Hover-Karte ist das Arbeitspferd jedes Rasters mit Bildern: Kollektionen in einem Onlineshop, Reiseziele in einem Reiseblog, Objekte bei einem Immobilienmakler oder die neuesten Artikel auf der Startseite eines Magazins. Kommt der Cursor, schwebt die Karte nach oben, darunter breitet sich ein Schatten in deiner Farbe aus, und das Bild zoomt sanft in seinem Rahmen.
Die Demo nutzt einen Verlauf als Bild; tausch ihn im HTML gegen dein eigenes Foto. Der Zoom schneidet die Ränder etwas ab, also besser keine Bilder mit Text oder Gesichtern direkt am Rand.