eclaireur.net

La nouvelle tendance des sites : l'effet parallax

5 mai 2011Modifié le 23 mars 2026Web2 minutes de lecture

L'effet parallax revient en force grâce au HTML5/CSS3 — principe de défilement multi-plans, exemples de sites remarquables et ressources.

Avec la découverte du nouvel iMac sur la page dédiée du site officiel, je me faisais une fois de plus cette réflexion : encore des mouvements avec des effets parallax. Ce mot, qui possède une connotation plutôt SF, exprime tout simplement que l'on va voir plusieurs plans se succéder donnant une impression de dynamisme assez saisissante. Cet effet n'est pas nouveau, mais il revient au goût du jour grâce notamment à des sites web qui poussent à la limite l'intégration de ces effets.

Le principe de l'effet Parallax

L'idée est de découper une image ou une partie composée d'image et de texte, et de faire déplacer les éléments séparément et avec des vitesses différentes, ce qui donne l'illusion de la profondeur. On est loin des effets trans-trav du cinéma, mais je trouve que cet effet reste percutant du moment que les éléments apparaissent avec une certaine fluidité.

Effet parallax sur le site Apple iMac

Edit du 07/06/2011 : Pour un peu plus enfoncer cette idée de mode, le nouveau site nintendo.com.au Mario Kart Wii utilise à merveille l'effet parallax. Ce site est une merveille à découvrir d'urgence, il nous fait découvrir l'histoire de Mario Kart, la navigation fonctionne au clavier ou bien à la molette de la souris.

Top 3 des sites réalisés autour de l'effet parallax

Dave Gamache — le premier pour le meilleur de 2010

Best parallax 2010 — Dave Gamache

Nike — encore un bon cru

Nike Better World — parallax

Unfold — le meilleur pour la fin !

Unfold — parallax

Encore plus de sites avec l'effet Parallax