Utilisez l'attribut transform-style pour définir la manière dont les éléments imbriqués sont rendus dans l'espace 3D.
Vous pouvez essayer d'exécuter le code suivant pour implémenter l'attribut transform-style
Démonstration en direct
<!DOCTYPE html>
<html>
<head>
<style>
.demo1 {
width: 300px;
height: 300px;
background-color: yellow;
}
.demo2 {
width: 200px;
height: 200px;
background-color: orange;
}
.demo3 {
width: 100px;
height: 100px;
background-color: blue;
transform: rotate(10deg);
transform-origin: 30% 40%;
transform-style: preserve-3d;
}
</style>
</head>
<body>
<h1>Rotation</h1>
<div class = "demo1">Demo
<div class = "demo2">Demo
<div class = "demo3">
Demo
</div>
</div>
</div>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Que faire si la page Web n'est pas accessible
Analyse comparative entre la version familiale Win10 et la version professionnelle
Quels sont les conseils d'utilisation de Dezender ?
Quels sont les serveurs web ?
Que signifie la fréquence d'images ?
Exigences de configuration de l'ordinateur de programmation Python
Comment ouvrir le fichier vcf sous Windows
La différence entre rom et bélier
Comment modifier element.style
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
