以下內(nèi)容根據(jù)官方規(guī)范翻譯，沒有翻譯關(guān)于SVG變換的內(nèi)容和關(guān)于矩陣計(jì)算的內(nèi)容。
一般情況下，元素在一個無景深無立體感的平面（flat plane）上渲染，這個平面就是其包含塊所處的平面。同時(shí)，頁面上的其他元素也共享這個平面。2D變換函數(shù)雖然能改變元素的表現(xiàn)，但是這個被改變的元素仍然是在其包含塊所處的平面內(nèi)被渲染。
3D變換會產(chǎn)生一個變換矩陣，該變換矩陣在Z軸上的分量不為0。結(jié)果是把元素渲染到一個不同于其包含塊所處的平面內(nèi)。這將影響到通常情況下的“后來居上”的渲染規(guī)則：變換元素可能會和其相鄰的其他元素相互交叉。
例子
這個例子演示了3D變換對一個元素的影響。
1 <style> 2 div { 3 height: 150px; 4 width: 150px; 5 } 6 .container { 7 border: 1px solid black; 8 } 9 .transformed { 10 transform: rotateY(50deg); 11 } 12 </style> 13 14 <div class="contai
