Button aus flüssigem Metall
Eine polierte Chrom-Pille, deren Glanzlicht über die Oberfläche wandert, während der Mauszeiger darüberfährt.
Einstellungen
Code
<button class="uv-mtl"><span>Tisch reservieren</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 Buttons
Alle ansehen: ButtonsWofür du ihn nutzen kannst
Chrom ist zurück im Produktdesign, und dieser Button bringt es ganz ohne Bilder: Mehrere CSS-Verläufe bauen das Metall auf, ein kleines Skript bewegt das Glanzlicht mit dem Cursor. Er passt zu hochwertigen Buchungsstrecken, Uhren- oder Automarken und jedem Hero, in dem eine Aktion massiv und wertig wirken soll.
Färbe das Metall über die Hauptfarbe ein, um Stahl, Gold oder Roségold zu bekommen, und halte die Beschriftung kurz, damit sie im hellen Band bleibt. Ruhige, flache Buttons daneben lassen den Glanz besonders wirken.