Información sobre herramientas de pastel minimalista
Un componente de información sobre herramientas mínimo y plano diseñado para sitios web comerciales y corporativos con colores pastel, diseño receptivo y compatibilidad con el modo oscuro mediante Tailwind CSS.
Código HTML
<div class="relative inline-block">
<button class="text-gray-700 dark:text-gray-300 bg-blue-200 dark:bg-blue-700 hover:bg-blue-300 dark:hover:bg-blue-800 px-4 py-2 rounded">Hover me</button>
<div class="invisible absolute z-10 w-32 top-full left-1/2 transform -translate-x-1/2 mt-2 px-2 py-1 text-sm text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-800 rounded shadow-lg opacity-0 transition-all duration-300 group-hover:visible group-hover:opacity-100">
Tooltip text
</div>
</div>Componentes relacionados
Minimalist_Tooltip
Componente de información sobre herramientas de diseño minimalista / plano para comercio electrónico con diseño receptivo y soporte de tema oscuro. Utiliza un esquema de color complementario y tiene una complejidad moderada.
Componente de información sobre herramientas
Un componente de información sobre herramientas receptivo diseñado con microinteracciones, combinación de colores triádica y admite el modo oscuro para sitios web comerciales / corporativos profesionales. Incluye animaciones atractivas, una interfaz rica con elementos interactivos y utiliza Tailwind CSS para el estilo.
Componente de información sobre herramientas
Un componente de información sobre herramientas neumórfico con un esquema de color complementario, complejidad moderada y diseño receptivo con soporte para temas oscuros, adecuado para un blog o consumo de contenido.