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 receptivo con microinteracciones para la participación del usuario, con un tema oscuro y animaciones atractivas.
Componente de información sobre herramientas de microinteracciones
Un componente de información sobre herramientas simple pero atractivo con sutiles animaciones de microinteracción, diseño receptivo y soporte de temas oscuros creado con Tailwind CSS. No se requiere JavaScript.
Componente de información sobre herramientas
Un componente de descripción emergente de temática oscura receptivo, parte de un esquema de color triádico, adecuado para un portafolio. Construido con Tailwind CSS para una estética simple y minimalista.