css3-3D理解
在css3中出現了3D屬性，3D就是三維的空間，在數學中我們都對三維的空間有了相關的瞭解，在三維空間中就會有翻轉、旋轉和透視距離，這是一些新屬性。
旋轉有3個屬性：rotateX, rotateY, rotateZ
rotateX與X軸旋轉，同理與Y軸和Z軸旋轉。
透視屬性：Perspective（）一般來說perspective屬性都應用在父元素上，我們可以把這個父元素稱為舞臺元素，取值為none或不設定，就沒有3D空間。取值越小，3D效果就越明顯，也就是你的眼睛越靠近真3D。貌似當取值為元素的寬度時，視覺效果比較好。
transform-style指定巢狀元素如何在3D空間中呈現。
transform-origin:center（中間為原點） transform-origin:top （頂部為原點）
transform-origin:bottom （下方為原點） transform-origin:right （右方為原點）
transform-origin:left （左邊為原點） transform-origin:top left （左上角為原點）
transform-origin:top right（右上角為原點） transform-origin:bottom right（右下角為原點）
transform-origin:bottom left（左下角為原點）
//舞臺元素，設定perspective，讓其子元素獲得透視效果。
//容器，設定transform-style: preserve-3d，讓其子元素在3D空間呈現
transform: perspective(600px) rotateY(45deg);//透視點的位置和旋轉的度數