Tooltip mit Schreibeffekt
Ein Fragezeichen, das antwortet: Der Hinweis tippt sich beim Hovern Buchstabe für Buchstabe selbst.
Einstellungen
Code
<button class="uv-ttype">?<span><b>Kurzer Tipp</b></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
Am besten wirkt er beim kleinen „?“ neben einem Formularfeld. In einem Versicherungsrechner fährst du über das Zeichen neben „Selbstbeteiligung“, und eine kurze Erklärung schreibt sich wie von selbst, als würde dir jemand gerade antworten. Ein Tooltip mit Schreibmaschinen-Effekt in HTML und CSS, der auch per Tastaturfokus aufgeht.
Der Effekt ist für eine kurze Zeile gedacht. Ab fünf, sechs Wörtern dauert das Tippen zu lange und der Tooltip wird zu breit, längere Erklärungen gehören in ein Hilfe-Panel. Änderst du den Text stark, pass auch das Tempo an.