Golf-Putt-Button
Beim Klick rollt der Ball über das Grün, fällt ins Loch, und die Fahne hebt sich kurz.
Einstellungen
Code
<button class="uvq01-glf" type="button"><span class="t">Abschlagzeit buchen</span><span class="gr" aria-hidden="true"><span class="ln"></span><span class="cup"></span><span class="pole"><i></i></span><span class="ball"></span></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 Pille aus gemähtem Rasen mit hellen Streifen, ein Loch, eine Fahne, die im Wind flattert, und rechts ein Golfball mit Dellen. Beim Hover erscheint die Puttlinie, beim Klick rollt der Ball immer langsamer, bis er ins Loch fällt und die Fahnenstange kurz hochspringt. Ideal für Golfclubs, Startzeit-Buchungen und Sportvereine.
Die Hauptfarbe ist der Rasen, die Zweitfarbe die Fahne, ein dunkelgrüner Platz oder ein Minigolf in Türkis und Gelb sind also schnell gemacht. Die Geschwindigkeit bestimmt die Dauer des Putts, danach kehrt der Ball von selbst zurück.