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 retro
Un componente de descripción emergente de temática retro/vintage con efectos responsivos y compatibilidad con el modo oscuro.
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 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.