Bonjour, j'ai un petit souci, j'ai suivi le cour sur les transformations 3D

https://openclassrooms.com/courses/utilisez-les-effets-avances-de-css-sur-votre-site/les-transformations-3d-1

Mais lorsque je fait le bloc 3D à la dernier étape, je mes la souris dessus pour qu'il tourne mais il s’arrête a 90° (quand la souris ne peu plus toucher le bloc)impossible de le faire tourne a 360°

je suis sur firefox j'ai essayer avec edge même problème.

y a pas une commande pour lancer l'animation des que la souris survole celle ci même si elle ne reste pas dessus??

Bonjour,

Non, les concepteurs du CSS -dans leur grande sagesse- n'ont pas souhaité faire des commandes illogiques:

un hover s'applique au survol, donc tant qu'il survole. POINT.

Pour échapper à ce genre de gag auquel tu te heurtes, ce n'est pas très compliqué: il faut que tu aies qqchose à survoler qui puisse le rester tant que tu veux: ça peut être un bouton à distance ou plus souvent le conteneur parent du contenu animé qui reste lui inamovible.

Il suffit de modifier la commande dans le css pour indiquer que c'est le survol du parent qui fait bouger l'enfant...

je ne comprend pas, il n'a pas eu besoin de faire un bouton ou de lien parent pour le faire tourner

-
Edité par Nicolas121 20 avril 2018 à 12:34:49

Oui, je  n'avais pas regardé l'exemple précis.

Ici, ça tourne à 360° grâce je crois à l'effet d'inertie facilité par le transition 2s; et au fait qu'on ne quitte pas vraiment l'objet cible.

As-tu changé quelque chose au code?

Dis-moi si ça fonctionne chez toi sur cette maquette: http://jsbin.com/vumogid/2/edit?html,css,output 

Si oui, vérifies ton code.

j'ai bêtement copier/coller le code pour être sure, même problème avec le lien, il fait un 180 après s’arrête comme si la souris l'avait stop est retourne en position initiale .

Ah bon ?!!

Très bizarre !

Remarque, il y a du progrès: tout à l'heure, tu disais qu'il s'arrêtait à 90°: donc sur la tranche, c'était bien ça?

Maintenant, tu dis à 180°, donc sur "Derrière" ; il y a eu du changement ou tu t'étais trompé sur les ° ?

Quoi qu'il en soit, ça ne devrait pas arriver ; chez moi sur Chrome, ça tourne parfaitement (c'est le cas de le dire) ; sur Edge, à peu près correctement avec parfois un petit reste "en travers" du dos rouge.

Pas testé Firefox que je n'ai pas installé.

oky bon tant pis je voulais récupéré le concept pour le projet 1 du développeur web mais je vais finalement rester sur une translation

Merci de ton aide