Pulsierender Verlaufsbutton
Ein Button mit Farbverlauf, dessen farbiger Schatten ständig langsam ein- und ausatmet.
Einstellungen
Code
<button class="uv-pulse">Kaufen</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
Wofür du ihn nutzen kannst
Ein pulsierender Button bittet immer wieder leise um Aufmerksamkeit. Gib ihm also die Aktion, die Umsatz bringt: „Jetzt kaufen“ auf einer Produktseite, „Aufenthalt buchen“ bei einem kleinen Hotel oder „Angebot sichern“ im Sale. Verlauf und atmender Schein ergeben eine CSS-Pulse-Animation, die auffällt, ohne zu blinken.
Nur einmal pro Seite einsetzen. Gibt es schon einen bewegten Hintergrund oder ein Karussell, konkurriert das Pulsieren damit und verliert. Nah beieinanderliegende Farben im Verlauf wirken edler, sehr unterschiedliche eher nach Werbeprospekt.