Botón con burbujas
Un botón brillante que se llena de burbujas que suben al pasar el ratón, como un refresco recién servido.
Ajustes
Código
<button class="uv-sod"><span class="bb" aria-hidden="true"><i style="--x:4%;--z:0.35em;--t:1.60s;--dl:0.00s"></i><i style="--x:41%;--z:0.54em;--t:2.77s;--dl:0.71s"></i><i style="--x:78%;--z:0.72em;--t:2.43s;--dl:1.43s"></i><i style="--x:23%;--z:0.91em;--t:2.10s;--dl:0.57s"></i><i style="--x:60%;--z:0.47em;--t:1.77s;--dl:1.29s"></i><i style="--x:5%;--z:0.66em;--t:2.93s;--dl:0.43s"></i><i style="--x:42%;--z:0.85em;--t:2.60s;--dl:1.14s"></i><i style="--x:79%;--z:0.41em;--t:2.27s;--dl:0.29s"></i><i style="--x:24%;--z:0.60em;--t:1.93s;--dl:1.00s"></i><i style="--x:61%;--z:0.79em;--t:1.60s;--dl:0.14s"></i><i style="--x:6%;--z:0.35em;--t:2.77s;--dl:0.86s"></i><i style="--x:43%;--z:0.54em;--t:2.43s;--dl:0.00s"></i></span><span class="t">Pedir ahora</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 docena de burbujas de distintos tamaños espera bajo esta píldora brillante y sube a través de ella mientras el puntero sigue encima, cada una con su velocidad y su retraso para que el chorro nunca parezca sincronizado. El reflejo de cristal en la parte de arriba completa el aspecto de bebida. Ideal para marcas de bebidas, comida a domicilio, campañas de verano y botones de pedido simpáticos.
Los colores fríos como cian, lima o frambuesa se leen frescos. La velocidad marca lo animado del burbujeo y, con el movimiento reducido activado, las burbujas se quedan quietas y queda un botón limpio y brillante.