Fahr mit der Maus darüber
Frente
¡Hola!
Este es el dorso de la tarjeta.
Karte mit 3D-Flip
Eine Karte, die sich beim Hover in 3D umdreht und auf der Rückseite eine zweite Ansicht zeigt.
Einstellungen
Code
<div class="uv-kf"><div class="in"><div class="f"><h3>Fahr mit der Maus darüber</h3><p>Vorderseite</p></div><div class="b"><h3>Hallo!</h3><p>Das ist die Rückseite der Karte.</p></div></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
Eine Flip-Karte versteckt eine zweite Informationsebene hinter der ersten. Praktisch ist das auf Teamseiten (vorne Foto, hinten eine kurze Bio), bei Vokabel-Karteikarten in einem Sprachkurs oder auf einer Leistungsseite, wo vorne der Service steht und hinten, was dazugehört. Die Karte dreht sich mit leichtem Federn um die senkrechte Achse.
Ob sie auf Touchscreens beim Antippen umdreht, hängt vom Browser ab. Versteck also nichts Wichtiges auf der Rückseite. Die Karte hat eine feste Höhe, halte den Text hinten bei wenigen Zeilen, sonst läuft er über.