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.
Herinner je je de tijd dat animated gif’s cool waren, overal (soms in overuse) gebruikt werden en het niemand scheelde dat bandbreedte een issue was? Natuurlijk kan je Jquery gebruiken, maar laten we eens terug gaan in de tijd een een good old fashion animated gif gebruiken om een menu te animeren:
Kleine thumbnail kan worden bekeken in full-size zonder te moeten klikken, page-refresh, gewoon door te hoveren over de afbeelding.
Tekst verbergen met CSS, het kan. Het doel van tekst te verbergen kan uiteenlopen, van een tekst te vervangen door een afbeelding omdat het juiste lettertype niet op elke computer voorkomt bijvoorbeeld.
Of tekst verbergen omdat een CMS systeem de tekst weergeeft en het niet aanwezig moet zijn omwille van het design. Reden genoeg.
Afbeeldingen kunnen op eender welk element geplaatst worden, als aanvulling, opvulling en toevoeging. Volgende manieren tonen je welke mogelijkheden er zijn.