CSS Sprites zijn afbeeldingen waarin meerdere afbeeldingen zijn gecombineerd.
Het grootste voordeel hiervan is het geringe aantal afbeeldingen.
CSS Sprites worden vaak gebruikt bij hover effecten, zodat er geen storende pauze ontstaat, omdat het plaatje niet opnieuw geladen hoeft te worden.
In dit artikel worden er voorbeelden laten zien, van de mooiste manieren van CSS-sprites.
Bij het hoveren over een link, verspringt de tekst wat, en wordt de tekst ook nog eens wat dikker.
Volgende keer een tutorial over CSS-sprites, en leer je er zelf één maken!
Het grootste voordeel hiervan is het geringe aantal afbeeldingen.
CSS Sprites worden vaak gebruikt bij hover effecten, zodat er geen storende pauze ontstaat, omdat het plaatje niet opnieuw geladen hoeft te worden.
In dit artikel worden er voorbeelden laten zien, van de mooiste manieren van CSS-sprites.
Apple.com
Apple.com maakt gebruik van vier verschillende mogelijkheden, waarvan hover en een actieve pagina er twee van zijn.
Dumpert.nl
Ook Dumpert.nl maakt gebruik van een sprite in het menu.Bij het hoveren over een link, verspringt de tekst wat, en wordt de tekst ook nog eens wat dikker.
KPN.com
KPN.com maakt gebruik van een sprite, die uit maar liefst drie delen bestaat.
Monsterboard.nl
Monsterboard.nl gebruikt onder andere in het menu een sprite.Den Haag Studenten Stad.nl
Den Haag Studenten Stad gebruikt onder andere in het menu links, en het menu bovenaan een sprite.Ecomagination.com
Ecomagination heeft een CSS-sprite in het prachtige menu verstopt.Volgende keer een tutorial over CSS-sprites, en leer je er zelf één maken!
Reacties
Reactie plaatsen