Voici un tutoriel sympathique qui présente différents effets de survol en HTML5 et CSS3 sur des cercles d’image. Vous aurez accès aux différentes démos ainsi qu’au code source utilisé.

Pour chaque effet présenté vous avez le code associé ainsi que quelques explications pour pouvoir les utiliser facilement pour vos projets.

Effet “oeilleton”

Ces effets sont compatibles avec les derniers navigateurs : Chrome, Firefox, Opéra, Safari. Ils fonctionnent également avec IE10 sauf l’effet de rotation 3D (Démo 4) et  l’effet “oeilleton” (Démo 6) qui ont un rendu assez différents. De plus les polices n’ont pas exactement le même rendu non plus.

Effet rotation 3D

Vous trouverez ce tutoriel à cette adresse : http://tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/