Souscrire
Blog iamvdo.meFlip-card avec les transformations 3D CSS
Réaliser un effet de retournement 3D avec CSS3
Création: décembre 2011Modifié:
What a beautiful graphic !
Tutoriel et explications sur la réalisation de cet effet de retournement type "flip-card" avec les transformations 3D en CSS : à retrouver sur http://www.html5-css3.fr/css3/transformations-3d-css3. Fonctionne avec webkit, firefox nightly et ie10.
#1par Nico, le 2 décembre 2011
Bel effet mais ça ne fonctionne pas sur Firefox 8.0.1..
#2par css3create, le 2 décembre 2011
@Nico : oui, ça fonctionne avec Firefox 10 car j’utilise les transformations 3D.
#3par vive firefox10, le 14 janvier
L’effet est remarquable manque plus que tout les utilisateurs utilisent un naviguateur adapté a l’évolution du web...
#4par Seb, le 17 janvier
Pareil, ne marche pas sous la plupart des versions de firefox (actuelles)... Ce serait cool que tout le monde se mette au html5/css3 :)
#5par michel.pageperso, le 11 février
Vous utilisez ces propriétés CSS3 dans 2 div différentes. J’ai essayé de les utiliser dans un menu/sous-menu classique en liste ordonnée #menu ul li ol li.... Cela ne fonctionne pas avec Chrome mais pas avec Opéra ou Firefox. Pourquoi ?
#6par SeanGooGoo, le 21 février
Sans Jquery ne fonctionne que sous très peu de navigateurs. Bravo en tout cas !