Button mit Funken
Solange der Cursor auf dem Button liegt, sprühen kleine Funken von der Mitte aus in alle Richtungen.
Einstellungen
Code
<button class="uv-sparks"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></i><i style="--i:6"></i><i style="--i:7"></i>Magie</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
Funken rund um einen Button deuten an, dass gleich etwas Besonderes passiert. Das passt zu „Generieren“ in einem KI-Schreibtool, zu „Geschenk öffnen“ bei einem digitalen Gutschein oder zu „Überrasch mich“ auf einer Rezeptseite. Der Button wächst ein wenig, und acht Punkte fliegen immer wieder kreisförmig nach außen.
Die Funken fliegen über den Rand hinaus, lass also etwas Platz drumherum und steck ihn nicht in enge Toolbars. Die zweite Farbe färbt die Funken: Gelb oder Pink auf einem blauen Button wirkt festlich, dasselbe Blau eher dezent.