Buchstabenwelle
Beim Hover hüpft jeder Buchstabe einen Takt nach dem vorherigen und wechselt die Farbe, wie eine kleine Welle.
Einstellungen
Code
<button class="uv-lwv" aria-label="Kostenlos starten"><span class="t" translate="no" aria-hidden="true">Kostenlos starten</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
Dieser Call to Action teilt seine Beschriftung mit ein paar Zeilen JavaScript in Buchstaben, danach lässt eine CSS-Animation sie nacheinander mit leichter Neigung springen. Der Button behält ein aria-label mit dem ganzen Text, Screenreader lesen also ein normales Wort vor. Gut geeignet für Landingpages von Apps, Spielen und Kreativstudios.
Kurze Labels mit zwei oder drei Wörtern ergeben die schönste Welle. Die zweite Farbe ist der Ton, den jeder Buchstabe oben im Sprung annimmt. Ein warmer Akzent auf einem kühlen Button ist so ohne weitere Effekte gut zu sehen.