Información sobre herramientas retro
Un componente de información sobre herramientas simple y receptivo con estilo Retro / Vintage y combinación de colores en escala de grises, adecuado para sitios web comerciales. Admite tema oscuro.
Código HTML
<div class="relative inline-block">
<button class="text-gray-700 dark:text-gray-300 bg-gray-200 dark:bg-gray-700 px-3 py-1 rounded-md font-mono">Hover Me</button>
<div class="invisible absolute z-10 top-full left-1/2 transform -translate-x-1/2 mt-2 w-48 p-2 bg-gray-800 dark:bg-gray-200 text-gray-200 dark:text-gray-800 text-sm rounded shadow-lg opacity-0 transition-all duration-300 group-hover:visible group-hover:opacity-100">
<p class="font-mono">This is a retro-style tooltip!</p>
</div>
</div>Componentes relacionados
Componente de información sobre herramientas
Un componente de información sobre herramientas simple y receptivo diseñado para el consumo de contenido de blog, con un diseño 3D con un esquema de color en escala de grises y soporte para el modo oscuro mediante Tailwind CSS.
Componente de descripción emergente esqueuomórfico
Un componente de información sobre herramientas receptivo diseñado con skeuomorfismo y colores vibrantes, adecuado para blogs y consumo de contenido. Incluye soporte para temas oscuros usando Tailwind CSS.
Componente de información sobre herramientas - Escala de grises Art Deco
Un complejo componente de información sobre herramientas inspirado en el Art Deco para documentación y sitios wiki, con un esquema de color en escala de grises, patrones geométricos y contenido enriquecido. Totalmente receptivo con soporte para modo oscuro.