Categorie: ”Images

02 Nov, 2009

Link rollover arrow

Posted by: Mark In: crossbrowser|Images|links|menu|Navigation

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.

20 Sep, 2009

Animate een menu met een gif

Posted by: Mark In: Images|links|menu

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:

12 Aug, 2009

Foto zoom met CSS

Posted by: Mark In: crossbrowser|Foto|Images|Xhtml Strict

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.

+ Demo

1 Reactie

07 Jun, 2009

Afbeeldingen als achtergrond

Posted by: Mark In: crossbrowser|Images

Afbeeldingen kunnen op eender welk element geplaatst worden, als aanvulling, opvulling en toevoeging. Volgende manieren tonen je welke mogelijkheden er zijn.



Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.