Mission

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.

Contexte

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.