Abziehbarer Sticker
Ein ausgestanzter Sticker mit weißem Rand, dessen Ecke sich beim Hover vom Trägerpapier hebt und beim Drücken weiter ablöst.
Einstellungen
Code
<button class="uvq01-stk" type="button"><span class="bd"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z"/></svg><span>Werde Mitglied</span></span><span class="fl" aria-hidden="true"></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
Vinyl-Sticker sind im Markendesign gerade überall, und dieser Button verhält sich wie einer: eine knallige, ausgestanzte Form mit dickem weißen Rand, leicht schräg, eine Ecke steht schon ab. Beim Hover rollt sich die Ecke weiter zurück und zeigt die glänzend weiße Rückseite, beim Drücken löst sie sich fast bis zur Hälfte. Eine registrierte CSS-Länge steuert den Clip-Pfad, Schnittkante und Lasche bewegen sich deshalb gemeinsam.
Die Hauptfarbe ist der Sticker, die Zweitfarbe Text und Icon, Neonlimette mit Schwarz oder Pink mit Dunkelrot fallen sofort auf. Setze ihn für Club-Anmeldungen, Merch-Drops, Abzeichen oder eine verspielte Newsletter-Einladung ein.