Tooltip stanowi część graficznego interfejsu, zwykle widoczny jest dopiero w momencie kiedy najedziemy kursorem myszy na posiadający element np. przycisk, link.
Przykładowe zastosowania i wykonania tooltip
Tooltip to taka mała etykieta, “chmurka” lub “dymek” zawierający uwagi, komentarze dotyczące danego elementu. Poniżej znajdziecie kilka inspiracji, które pomogą wam znaleźć miejsce na ten efekt w waszych witrynach.
Positioning a Tooltip on an SVG
autor: Amelia Bellamy-Royds
tooltip
autor: Oleg Shilov
Social Icons with Tooltip
autor: Jon Milner
:focus tooltip
autor: Victor Pegado
bootsrapt progress-bar with tooltip
autor: Ahmet Gür
Pure CSS Tooltips
autor: John Fink
CSS ToolTip Smooth animation
autor: Omar Dsoky
Tooltips
autor: Yoann Nouveau
SVG Doughnut chart with animation and tooltip
autor: Hiro
awTooltip
autor: adobewordpress
Tooltip Pagination
autor: Joe
Animated CSS Tooltips
autor: runnabro
Simple CSS Tooltips — Interactive Example #codevember
autor: Jase
Bootstrap setting for tooltip and popover
autor: Monkey Raptor
Warcraft Tooltips
autor: Simon Goellner
W branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. Hobbistycznie zajmuje się fotografią, podróżami (głównie tymi mikro). Interesuje się mitologią (Nordycką, Grecką i Rzymską) i historią.