HTML + CSSBoutons

Bouton putt de golf

Au clic, la balle roule sur le green, tombe dans le trou et le drapeau se soulève un instant.

Réglages

16px
1x

Code

<button class="uvq01-glf" type="button"><span class="t">Réserver un départ</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 pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Boutons

Voir tout : Boutons

Où l’utiliser

Une pilule de gazon tondu à rayures claires, un trou, un drapeau qui flotte au vent et une balle à alvéoles qui attend à droite. Au survol, la ligne de putt se dessine, et au clic la balle roule en ralentissant jusqu'à tomber dans le trou pendant que le drapeau saute. Idéal pour les clubs de golf, la réservation de départs et les clubs sportifs.

La couleur principale est le gazon et la secondaire le drapeau : un parcours vert profond ou un mini-golf turquoise et jaune se règlent en un geste. La vitesse fixe la durée du putt, et la balle revient toute seule.