L’effet lightbox est aujourd’hui assez courant et sans conteste à la mode chez les sites internet, même si j’ai vu encore il y a peu des images s’afficher dans des fenêtres pop-up…
Mais au fait c’est quoi l’effet lightbox ? Il s’agit d’un système assez simple à mettre en place sur un site web, il génère des vignettes d’images, qui lors du clique sur ces dernières va faire apparaître l’image en plus grand format avec un effet de transition.
Pour un tel système on utilise en règle générale un script en Jquery qui pour certains peut être considéré comme intrusif.
Avec le CSS3 plus d’intrusion de script, tout se gère depuis notre cher fichier CSS.
J’ai trouvé cette très belle solution sur l’excellent site codrops, sur lequel vous trouverez le code html, le code CSS et même trois démos. Vous pourrez bien entendu faire vos propres modifications.
Mots-clefs : CSS, Ressources, Webdesign
