Glassmorphism Monocromatico Semplice Tooltip
Un componente di descrizione comando semplice, reattivo e compatibile con la modalità scura con uno schema di colori monocromatico in stile Glassmorphism per blog e siti di contenuti.
Codice 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>Componenti correlati
Componente della descrizione comando
Un componente di descrizione comando neumorfico con una combinazione di colori complementari, una complessità moderata e un design reattivo con supporto per temi scuri, adatto per un blog o per il consumo di contenuti.
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.
Componente della descrizione comando
Un componente di descrizione comando di Material Design reattivo con combinazione di colori monocromatici per l'e-commerce, con supporto per la modalità scura. Niente JavaScript, HTML e Tailwind CSS.