Tous les exercices / CSS3 / Exercice 11
Précédent Suivant

Transformations CSS 3D

Difficile 28 points

Créez une transformation 3D qui fait tourner la div de 45 degrés sur l'axe Y (rotateY) avec une perspective de 1000px sur le conteneur parent.

Les transformations 3D CSS créent des effets de profondeur. transform: rotateY() fait tourner sur l'axe Y, perspective sur le parent crée la profondeur 3D. transform-style: preserve-3d maintient la 3D. C'est avancé mais puissant pour les effets visuels.

Bravo ! 🎉
Votre réponse est correcte ! Vous avez gagné 28 points.
Pas tout à fait...
Réessayez ! Vous pouvez le faire.

Votre code

Indice
Ajoutez perspective: 1000px; au conteneur et transform: rotateY(45deg); à la box pour créer la rotation 3D.

Résultat

Cliquez sur "Exécuter le code" pour voir le résultat de votre code. Cliquez sur "Soumettre" pour vérifier si votre réponse est correcte.