Tooltip mit Statusanzeige
Ein grüner Punkt pulsiert leise neben der Meldung, damit „Jetzt verfügbar“ auch wirklich lebendig aussieht.
Einstellungen
Code
<button class="uv-tu"><i></i>Status<span><b></b>Jetzt verfügbar</span></button>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
Einem Status glaubt man eher, wenn er sich ein wenig bewegt. Nutze ihn für den Hinweis „Offen für neue Projekte“ in einem Freelancer-Portfolio, beim Support-Button eines Onlineshops während der Servicezeiten oder beim Chat-Icon einer Hotelrezeption. Ein Status-Tooltip mit pulsierendem Punkt, gebaut in HTML und CSS, ganz ohne Bilder.
Zeig Grün nur, wenn es stimmt. Ein pulsierendes „verfügbar“ am Sonntagabend schadet mehr als gar kein Hinweis. Für beschäftigt oder offline tauschst du Grün gegen Orange oder Grau und lässt das Pulsieren am besten weg.