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
Tooltip minimalista
Un componente tooltip semplice e minimalista con supporto per il tema scuro ed effetti reattivi, creato utilizzando Tailwind CSS. Non viene utilizzato JavaScript, solo HTML e CSS.
Memphis_Real_Estate_Tooltip
Un componente tooltip semplice e reattivo per applicazioni immobiliari, caratterizzato da un'estetica ispirata a Memphis Design con una base monocromatica e un colore d'accento vibrante. Include il supporto per la modalità oscura.
Componente della descrizione comando skeuomorfa
Un componente di suggerimento reattivo progettato con scheumorfismo e colori vivaci, adatto per blog e consumo di contenuti. Include il supporto per il tema scuro utilizzando Tailwind CSS.