Retour à la leçonMission
Mission : une carte avis client qui se retourne dans le mauvais sens
Corriger l'ordre des fonctions transform et un flip card mal préparé pour la 3D.
Commandes qui pourraient t’être utiles
topContexte
Sur avis-client.css, une carte doit légèrement pivoter puis se décaler vers la droite au survol : transform: rotate(15deg) translateX(40px);. Au lieu d'un déplacement horizontal net, la carte part visuellement en diagonale. Par ailleurs, la carte "flip" censée se retourner au clic pour révéler la note utilise .flip-carte-interieur { transform: rotateY(180deg); transition: transform 0.6s; } mais SANS transform-style: preserve-3d sur ce même élément : au clic, la face arrière apparaît immédiatement à l'envers plutôt qu'un vrai effet de retournement en profondeur.
