Tooltip mit Farbverlauf
Ein farbiger Verlaufs-Tooltip mit passendem Pfeil, der beim Hover aus einem kleinen Badge nach oben gleitet.
Einstellungen
Code
<span class="uv-tg">Info<span>Neue Funktion verfügbar</span></span>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Tooltips
Wofür du ihn nutzen kannst
Dieser Tooltip mit Verlauf eignet sich gut, um etwas anzukündigen. Setz ihn auf ein „Neu“- oder „Info“-Badge neben einem Menüpunkt, auf das Beta-Label einer Dashboard-Funktion oder neben einen Begriff in der Preistabelle, der kurz erklärt werden muss. Er gleitet beim Einblenden ein paar Pixel hoch, und der Pfeil geht fließend in den Verlauf über.
Er reagiert nur auf Hover. Wer Tastatur oder Touchscreen nutzt, sieht ihn vielleicht nie, also nichts Wichtiges hineinschreiben. Nahe Farben ergeben eine sanfte Blase, kontrastreiche lassen den Tooltip eher nach Werbung aussehen.