Voici un superbe exemple de navigation circulaire qui se base essentiellement sur les transformations CSS3 accompagné d’une petite partie en Javascript.

L’auteur de cet article Sara Soueidan détaille la technique utilisée pour arriver à ce résultat et nous explique comment la mettre en place.

Voici une démo interactive pour comprendre la technique utilisée :

Etat initial :

Etape 1 :

Etape 2 :

Etape 3 :

Etape 4 :

Etape 5 :

Etape 6 :

Vous trouverez la version animée à cette adresse : http://tympanus.net/Tutorials/CircularNavigation/interactivedemo/index.html

Pour voir l’article complet ça se passe ici : http://tympanus.net/codrops/2013/08/09/building-a-circular-navigation-with-css-transforms/