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 información sobre herramientas
Un componente de descripción emergente con estilo Neumorphism para la presentación de carteras con soporte de modo oscuro, diseño receptivo y uso de Tailwind CSS.
Información sobre herramientas
Componente de información sobre herramientas con diseño 3D, tonos de tierra, complejidad simple y propósito del tablero. Responsivo con soporte para temas oscuros.
Componente de descripción emergente esqueuomórfico
Un componente complejo de información sobre herramientas diseñado con un estilo esqueuomórfico y tonos tierra, adecuado para aplicaciones de comercio electrónico con soporte para modo oscuro.