Descrizione comando pastello minimalista
Un componente di descrizione comando minimale e piatto progettato per siti Web aziendali e aziendali con colori pastello, design reattivo e supporto per la modalità oscura utilizzando Tailwind CSS.
Codice 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>Componenti correlati
Componente della descrizione comando
Un semplice componente Tooltip reattivo progettato per il consumo di contenuti di blog, caratterizzato da un design 3D con una combinazione di colori in scala di grigi e supporto per la modalità oscura utilizzando Tailwind CSS.
Glassmorphism Tooltip
Un componente tooltip progettato con lo stile glassmorphism, che supporta il tema scuro e il design reattivo, adatto per le interfacce dei social media.
Componente della descrizione comando neumorfica
Un sofisticato componente tooltip in stile neumorfismo adatto per siti Web aziendali, che utilizza colori vivaci e progettato per il supporto della modalità scura.