HTML + CSSTooltips
Tooltip apilado
La etiqueta llega con dos capas difuminadas detrás, como un pequeño montón de tarjetas abriéndose.
Ajustes
16px
1x
Código
<button class="uv-tstack">•••<span><i></i><i></i><b>3 acciones disponibles</b></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
Las capas dan a entender que detrás del botón hay más cosas, así que va de maravilla con los menús de «más opciones». Piensa en los tres puntos de un archivo en una app de almacenamiento en la nube: pasas el ratón y aparece «3 acciones disponibles» con su pequeña pila. Un tooltip apilado en HTML y CSS.
Di qué hay de verdad en el menú. Un número como «3 acciones» o una pista como «Compartir, renombrar, borrar» ayuda más que un «Más» a secas. Las capas de atrás son sutiles a propósito; sobre fondos oscuros, comprueba que se siguen viendo.