perspective屬性用來設置視點，在css3的模型中，視點是在Z軸所在方向上的。任務三設置了perspective為200px

translateX,translateY表現出在屏幕中的上下左右移動，translateZ的直觀表現形式就是大小變化，實質是XY平面相對于視點的遠近變化（說遠近就一定會說到離什么參照物遠或近，在這里參照物就是perspective屬性）。比如設置了perspective為200px;那么translateZ的值越接近200，就是離的越近，看上去也就越大，超過200就看不到了，因為相當于跑到后腦勺去了，你不可能看到自己的后腦勺。（200-translateZ的值）就是視點和xy平面的距離（初始是屏幕的位置，此時translateZ的值為0）。

需要注意的一點是，整個坐標系中各各坐標軸的相對關系是固定的。正常情況下，視點和我們的眼睛是同一個方向的如同上面所講。而當執行如rotateX(90deg)等旋轉變換時，zy平面旋轉，z軸和y軸的指向也會變化90度。此時z軸指向上方，視點也是在上方，此時我們從屏幕上看的就不是直觀的元素大小變化，而是元素的升降變化，好像站在遠處在看一部電梯或者你把書本平放舉過頭頂或下放那樣，需要一點空間想象能力理解一下。

首先，translate表示位移，并不存在translteZ情況。只有三種：translate，translateX，translateY。你可以看成坐標。有正方向和負方向，負值表示向負軸的方向位移。eg:translateX(-25px) ,表示水平方向左移25px。

rotateX表示沿X軸旋轉。需要Z軸旋轉應用rotateZ（90deg）。

望采納！