Verwenden Sie das Attribut „transform-style“, um festzulegen, wie verschachtelte Elemente im 3D-Raum gerendert werden.
Sie können versuchen, den folgenden Code auszuführen, um das Transformationsstil-Attribut
BeispielLive-Demonstration
<!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>Das obige ist der detaillierte Inhalt vonDie Verwendung von Übergangsstilattributen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Was ist ein MySQL-Index?
Was wird in jquery hervorgehoben?
Blockchain-Abfrage des Ethereum-Browsers
Wie kann man Douyin-Flammen wiederherstellen, nachdem sie verschwunden sind?
So lösen Sie das Problem von 400 fehlerhaften Anfragen, wenn die Webseite angezeigt wird
Häufig verwendete Suchwerkzeuge
Kostenlose Software zum Erstellen von Websites
Was ist das Grundkonzept der künstlichen Intelligenz?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
