前言

在css3中允許使用3D轉(zhuǎn)換來對元素進行格式化，在原本只是2D轉(zhuǎn)化的平面中引入了Z軸。在這之前我們講解了css3中的2D轉(zhuǎn)換，也就是二維空間變換，本篇的3D轉(zhuǎn)換就是基于原來的2D轉(zhuǎn)換而來，與2D轉(zhuǎn)換的功能相似。

朝天ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

三維坐標系

相信學(xué)過數(shù)學(xué)的效果版對這一概念多多少少是知道的，我們要想有一個3D空間效果，也就是立體空間感，比如：正方體、長方體.....再比如我們生活所居住的房間也是3D立體空間的，主要有X軸、Y軸Z軸共同組成

x軸 ： 水平向右，x右邊是正值，左邊是負值。

y軸 ： 垂直向下，y下面是正值，上面是負值。

z軸 ： 垂直屏幕，往外面是正值，往里面是負值。

轉(zhuǎn)換屬性

這里transform屬性和transform-origin屬性在前一篇《有趣的transform形變》中已經(jīng)講解了，這里就不再細說。不同的是在3D轉(zhuǎn)換中，transform-origin屬性會接收第三個值，表示Z軸方向位置

（1）transform-style

transform-style設(shè)置元素的子元素是位于 3D 空間中還是平面中。

語法：

div{
    transform-style: flat|preserve-3d;
}