Windsack-Button
Ein Windsack, der sich füllt und flattert, je schneller du den Zeiger darüber bewegst, daneben die Windstärke in Knoten.
Einstellungen
Code
<button class="uvq01-wnd" type="button"><span class="po" aria-hidden="true"><span class="sk"><i></i><i></i><i></i><i></i><i></i></span></span><span class="t">Vorhersage ansehen</span><span class="kn" aria-hidden="true"><b>0</b> kn</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
Eine kleine Szene wie am Flugplatz oder Strand auf einer himmelblauen Pille: Ein Mast steht im Gras, daran hängt ein orange-weißer Windsack. Schnelle Zeigerbewegungen über dem Button zählen als Wind, der Sack hebt sich, bläht sich auf und flattert schneller, ein Schild zeigt die Geschwindigkeit in Knoten. Lässt der Wind nach, hängt er wieder. Ideal für Kitesurfschulen, Segelclubs und Wetter-Apps.
Die Hauptfarbe sind die Streifen des Windsacks, die Zweitfarbe der Himmel, ein rot-weißer Flughafen-Windsack geht also auch. Ein Klick oder der Tastaturfokus schickt eine Böe, bei reduzierter Bewegung bewegt sich der Sack ohne Flattern.