nazeman.org
Principal -> Démo CSS Damier

Demo CSS

Technique 1
Le damier utilise une seule image (4x8) et déplace vers le haut uniquement les blocs actifs.
Ce moyen est plutôt utilisé pour les menus graphiques pour ne pas avoir à charger une nouvelle image pour le :hover.

Technique 2
Le bloc texte est remplacé par l'image qui est activée par le a:hover d'un éléments sur le damier -> double déplacement ;-)

Information
Lieu: Métropole de Lausanne
Photographe: Sedrik Nemeth

Damier d'images