Een navigatie kan zoveel vormen aannemen, hier een eenvoudige maar fraaie navigatie met onderlijning bij mouseover.

Bij het hoveren over de links, in bijvoorbeeld een navigatie, kun je het visuele effect toevoegen dat er een pijl je muisaanwijzer volgt om aan te geven dat je over de specifieke link aan het hoveren bent. Dit kan eenvoudiger met Javascript gedaan worden, maar een pure CSS oplossing is toch weer dat beetje leuker.

Als je het titel (title) attribuut gebruikt in je HTML kan je extra informatie geven aan de bezoeker van je website, maar het nadeel is dat je de tooltip niet kan stylen, maar het kan ook anders, een extra element waarin je al de info over je link kan zetten en ook stylen en enkel toont bij muis over (hover).

Kleine thumbnail kan worden bekeken in full-size zonder te moeten klikken, page-refresh, gewoon door te hoveren over de afbeelding.

Misschien wel de korste manier om met CSS een tooltip te maken (1 regel HTML & 3 regels CSS). Tooltips kunnen zéér handig zijn voor je site, om bijvoorbeeld iets te verduidelijken, als toevoeging op de reeds bestaande browser tooltip.