perspective屬性對于3D變形來說至關重要。該屬性會設置查看者的位置，并將可視內容映射到一個視錐上，繼而投到一個2D視平面上。如果不指定透視，則Z軸空間中的所有點將平鋪到同一個2D視平面中，并且變換結果中將不存在景深概念。

上面的描述可能讓人難以理解一些，其實對于perspective屬性，我們可以簡單的理解為視距，用來設置用戶和元素3D空間Z平面之間的距離。而其效應由他的值來決定，值越小，用戶與3D空間Z平面距離越近，視覺效果更令人印象深刻；反之，值越大，用戶與3D空間Z平面距離越遠，視覺效果就很小。

在3D變形中，對于某些變形，例如下面的示例演示的沿Z軸的變形，perspective屬性對于查看變形的效果來說必不可少。

我們先來看一個簡單的實例，制作一個撲克牌3D旋轉效果，并且一個在撲克牌的父元素添加了視距perspective，而另一個卻沒有設置：

HTML

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表