Effets de survol 3D avec HTML5 et CSS3

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.

Effets de survol 3D avec jQuery et CSS3 - Effet oeilleton

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.

Effets de survol 3D avec jQuery et CSS3 - Effet rotation 3D

Effet rotation 3D

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

 

Partager cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *