3D-Bankkarte zum Umdrehen
Eine Metallkarte, die sich zum Zeiger neigt und beim Drücken umdreht, um die Rückseite zu zeigen.
Einstellungen
Code
<button type="button" class="uv-kbf" aria-pressed="false" aria-label="Rückseite der Karte zeigen"><span class="in"><span class="fr"><span class="br">Aimran Bank</span><span class="ch"></span><svg class="nf" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true"><path d="M8 7.5a6 6 0 0 1 0 9M11.5 5a10 10 0 0 1 0 14M15 3a13.5 13.5 0 0 1 0 18"/></svg><span class="nb">5412 •••• •••• 2026</span><span class="nm">LUCÍA MARTÍN</span><span class="ex">08/29</span><span class="sh"></span></span><span class="bk"><span class="mg"></span><span class="sg"><span>CVV</span><b>•••</b></span><span class="lg">Zum Umdrehen tippen</span></span></span></button>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
Alle ansehen: KartenWofür du ihn nutzen kannst
Fintech-Apps und Karten-Landingpages lieben eine Karte, die sich wie ein Gegenstand anfühlt. Diese hat eine gebürstete Metalloberfläche, einen goldenen Chip und das Kontaktlos-Symbol. Sie neigt sich in 3D zum Zeiger mit wanderndem Glanz, und ein Klick oder Enter dreht sie um und zeigt Magnetstreifen und Unterschriftsfeld mit verdeckter Prüfnummer.
Die ganze Karte ist ein Toggle-Button mit aria-pressed, das Umdrehen klappt also auch per Tastatur. Wähle Schwarz und Gold, Silber und Blau oder dein eigenes Markenmetall.