perspective屬性用來(lái)設(shè)置視點(diǎn)，在css3的模型中，視點(diǎn)是在Z軸所在方向上的。任務(wù)三設(shè)置了perspective為200px

translateX,translateY表現(xiàn)出在屏幕中的上下左右移動(dòng)，translateZ的直觀表現(xiàn)形式就是大小變化，實(shí)質(zhì)是XY平面相對(duì)于視點(diǎn)的遠(yuǎn)近變化（說(shuō)遠(yuǎn)近就一定會(huì)說(shuō)到離什么參照物遠(yuǎn)或近，在這里參照物就是perspective屬性）。比如設(shè)置了perspective為200px;那么translateZ的值越接近200，就是離的越近，看上去也就越大，超過(guò)200就看不到了，因?yàn)橄喈?dāng)于跑到后腦勺去了，你不可能看到自己的后腦勺。（200-translateZ的值）就是視點(diǎn)和xy平面的距離（初始是屏幕的位置，此時(shí)translateZ的值為0）。

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

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

rotateX表示沿X軸旋轉(zhuǎn)。需要Z軸旋轉(zhuǎn)應(yīng)用rotateZ（90deg）。

望采納！