HTML + CSSBotones
Putt de golf
Al pulsar, la bola rueda por el green, cae en el hoyo y la bandera se levanta un momento.
Ajustes
16px
1x
Código
<button class="uvq01-glf" type="button"><span class="t">Reservar tee</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 para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Botones
Ver todos: BotonesDónde usarlo
Una píldora de césped segado con franjas claras, un hoyo, una bandera que ondea con la brisa y una bola con hoyuelos esperando a la derecha. Al pasar el ratón se dibuja la línea del putt y al hacer clic la bola rueda frenando poco a poco hasta caer en el hoyo mientras la bandera salta. Ideal para clubes de golf y reservas de tee.
El color principal es el césped y el secundario la bandera, así que un campo verde oscuro o un minigolf turquesa y amarillo están a un cambio. La velocidad marca lo que tarda el putt y la bola vuelve sola a su sitio.