Holografischer Button
Ein irisierender Folien-Button, der sich leicht neigt und den Farbton wechselt, während du den Zeiger bewegst.
Einstellungen
Code
<button class="uv-hol"><span>Kollektion ansehen</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
Holo-Folie ist der Look von Sammelkarten und limitierten Editionen, und dieser Button baut ihn in CSS nach: Ein Regenbogenrand und eine Glanzschicht folgen dem Cursor, während sich der Button in 3D neigt. Setz ihn für einen Drop, eine Sammlerseite, ein neues Album oder einen Premium-Tarif ein, der etwas Bühne verdient.
Zwei Farben bestimmen die Töne der Folie, der Intensitätsregler legt fest, wie stark er kippt, von flach bis deutlich räumlich. Auf Touchscreens bleibt er in neutraler Lage, die Beschriftung ist also immer lesbar.