Glassmorphism Monocromático Simple Tooltip
Un componente de información sobre herramientas simple, receptivo y compatible con el modo oscuro con un esquema de color monocromático de estilo Glassmorphism para blogs y sitios de contenido.
Código HTML
<div class="relative flex items-center justify-center">
<button class="text-gray-800 dark:text-gray-200 focus:outline-none">Hover me</button>
<div class="absolute bottom-full mb-2 hidden px-3 py-2 text-sm font-semibold text-white bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg rounded-md shadow-sm dark:bg-gray-800 dark:bg-opacity-20 dark:backdrop-filter dark:backdrop-blur-lg group-hover:block">Tooltip content</div>
</div>Componentes relacionados
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
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.
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.