perspective字面意思是：透視。
在w3school中它的解釋為:設置元素被查看位置的視圖：通俗講，就是我們看看一個物體的所處的視角，近大遠小。就比如我們正對着電腦：當我無限貼近電腦屏幕的時候，電腦的屏幕就無限大；當我們站起來遠離電腦的時候，電腦的屏幕就無限變小。
如果我們不要perspective這個屬性的話，
那么你看到的就不再是一個矩形的旋轉，而是一個矩形逐漸變窄，然后逐漸變寬，因為他沒有透視（perspective）。
perspective屬性的值是一個數字，他有2種實現方法：
1. transform: perspective(800);
2. perspective: 800;
perspective可以寫在畫布（父元素）上，也可以直接寫在元素本身上，對於一張畫布只有一個變型體的時候，幾乎沒有差別。但是當一個畫布上 有多個變型體的時候，兩種寫法的差別立即就表現出來了。就像這張圖，黃色的部分，perspective直接寫在色塊上，紫色的部 分，perspective寫在了父容器上，以畫布作為透視元素，所以子元素的形態都是不一樣的。
perspective的值，則是決定3D變形效果的強度的，這個值大致可以理解為遠近。只越大，你離物體就越遠。就像一個離你很遠的正方體（比如魔方）在做旋轉，他的視覺效果就比較弱，但是如果這個魔方在你的眼前旋轉，那么效果就比較強烈。
關於perspective-origin，w3school是指設置元素被查看位置的視圖：perspective-origin 屬性定義 3D 元素所基於的 X 軸和 Y 軸。該屬性允許您改變 3D 元素的底部位置。當為元素定義 perspective-origin 屬性時，其子元素會獲得透視效果，而不是元素本身，它是和perspective屬性一起使用的，而且只影響 3D 轉換元素。