Tooltip con destello
La etiqueta sube a su sitio mientras un destello de luz la cruza una sola vez de lado a lado.
Ajustes
Código
<button class="uv-tw">Sincronizar<span>Sincronización activa<i></i></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 Tooltips
Dónde usarlo
Ese reflejo que pasa sugiere que algo se está moviendo, por eso encaja tan bien en acciones de sincronizar o actualizar. Piensa en el botón «Sincronizar ahora» de una app de deporte que trae los entrenos del reloj, o en el icono de copia de seguridad de un servicio de fotos. Un tooltip con brillo en HTML y CSS.
El destello toma el tono de tu segundo color, así que funciona mejor con un tinte suave que con uno fosforito. Se reproduce una vez por cada hover, no en bucle. Si la sincronización tarda de verdad, acompáñalo de un indicador de progreso.