Glassmorphism Monochromatique Simple Infobulle
Un composant d’info-bulle simple, réactif et compatible avec le mode sombre avec un style Glassmorphism, un schéma de couleurs monochromatiques pour les blogs et les sites de contenu.
HTML Code
<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>Composants associés
Composant d’info-bulle
Un composant d’info-bulle neumorphe avec une palette de couleurs complémentaire, une complexité modérée et une conception réactive avec prise en charge du thème sombre, adapté à un blog ou à la consommation de contenu.
Composant d’info-bulle
Un composant d’info-bulle réactif avec des couleurs vives, des micro-interactions et une prise en charge du mode sombre, adapté aux applications industrielles et manufacturières. Affiche des informations sur le survol/la mise au point.
Composant d’info-bulle
Un composant d’info-bulle réactif simple conçu pour la consommation de contenu de blog, avec une conception 3D avec une palette de couleurs en niveaux de gris et la prise en charge du mode sombre à l’aide de Tailwind CSS.