Quickinfo
Tooltip-Komponente mit 3D-Design, Erdtönen, einfacher Komplexität und Dashboard-Zweck. Reaktionsschnell mit Unterstützung für dunkle Themen.
HTML-Code
<div class="relative flex items-center group">
<span clas="underline">Hover Over Me</span>
<div class="absolute bottom-full mb-2 hidden group-hover:block px-3 py-2 text-sm font-medium text-white transition-all duration-500 ease-in-out transform bg-gray-800 rounded-md shadow-lg dark:bg-gray-700 -translate-x-1/2 left-1/2
before:content-[''] before:absolute before:top-full before:left-1/2 before:-translate-x-1/2 before:border-8 before:border-x-transparent before:border-b-transparent before:border-t-gray-800 dark:before:border-t-gray-700">
Tooltip content
</div>
</div>Verwandte Komponenten
Tooltip-Komponente - Art Deco Graustufen
Eine komplexe, vom Art-déco-Stil inspirierte Tooltip-Komponente für Dokumentations- und Wiki-Seiten mit einem Graustufen-Farbschema, geometrischen Mustern und reichhaltigen Inhalten. Vollständig reaktionsschnell mit Unterstützung für den Dunkelmodus.
Paper_Rainbow_Tooltip_Component
Eine einfache, reaktionsschnelle Tooltip-Komponente mit einem von Papier/Druck inspirierten Design und einem Regenbogen-Verlaufshintergrund, geeignet für Foren-/Community-Plattformen. Enthält Unterstützung für den Dunkelmodus.
Glasmorphismus Monochromatisch Einfacher Tooltip
Eine einfache, reaktionsschnelle, mit dem Dunkelmodus kompatible QuickInfo-Komponente mit einem monochromatischen Farbschema im Glassmorphism-Stil für Blog- und Content-Websites.