Heim > Artikel > Web-Frontend > Die Verwendung von Übergangsstilattributen in CSS

Die Verwendung von Übergangsstilattributen in CSS

WBOYnach vorne: 2023-09-07 11:25:031346Durchsuche

CSS 中转换样式属性的使用

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

Beispiel

Live-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>

zu implementieren

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!

css transform

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Welche Direktive wird verwendet, um Fehler in SASS zu erkennen?Nächster Artikel：Welche Direktive wird verwendet, um Fehler in SASS zu erkennen?

In Verbindung stehende Artikel

Mehr sehen