Umschlag mit Siegellack
Der Brief rutscht in den Umschlag, die Lasche schließt sich, ein Wachssiegel fällt darauf, danach öffnet sich der Umschlag wieder.
Einstellungen
Code
<div class="uvq01-env"><button class="e" type="button"><span class="bk" aria-hidden="true"></span><span class="fl" aria-hidden="true"></span><span class="lt"><span>Einladung senden</span></span><span class="fr" aria-hidden="true"></span><span class="sl" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"><path d="M12 4.5l2.2 4.6 5 .6-3.7 3.4 1 5-4.5-2.5-4.5 2.5 1-5-3.7-3.4 5-.6z"/></svg></span></button><span class="ok" role="status"></span><span class="msg" hidden>Gesendet</span></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 Buttons
Alle ansehen: ButtonsWofür du ihn nutzen kannst
Ein Senden-Button mit Zeremonie: Ein Umschlag aus Kraftpapier hält einen Brief, auf dem deine Beschriftung in kursiver Serifenschrift steht. Beim Klick sinkt der Brief hinein, die dreieckige Lasche klappt in 3D darüber, und ein bordeauxrotes Wachssiegel mit geprägtem Stern landet mit leichtem Plätten auf der Spitze. Eine kurze Statuszeile bestätigt das Senden für alle, auch mit Screenreader. Passt zu Einladungen, Hochzeitsseiten und Dankeskarten.
Die Hauptfarbe ist das Wachs, die Zweitfarbe das Papier, marineblaues Wachs auf Weiß oder Gold auf Schwarz sind also schnell eingestellt. Halte die Beschriftung bei zwei oder drei Wörtern, damit sie auf die Karte passt, der Umschlag öffnet sich nach ein paar Sekunden von selbst.