CSS3透視屬性到底是什麼？

Question

我在網上搜索，發現了幾個材料，但沒有一個能夠清楚地說明這個概念，至少對我而言。例如，w3schools表示它定義了從視圖中放置3D元素的像素數量。完全理解是很抽象的。有人能以更加生動，易懂的方式告訴我嗎？如果有一些圖像可以展示這個概念，那就更好了。

Answer 1

在3D轉換中，透視爲對象提供了3D視角，並試圖從特定觀看者的角度呈現3D對象的透視圖。這並不容易理解。這個是Safari reference。

A beginning tutorial就可以了。

Some examples使用透視。

Some more examples。

僅供參考，在將來我會建議不要理會來自w3schools的所有Google搜索結果。他們不知何故設法通過極其淺薄的內容來選擇Google的高搜索排名。

Answer 2

在3D空間中工作時，我們需要設置一個角度值，否則動畫元素都會看平。怎麼樣？透視CSS屬性通過影響Z索引和用戶之間的距離爲元素提供3D空間。請注意：不應將透視屬性應用於要動畫的元素（通過CSS轉換，轉換或動畫），而是指向父元素。