CSS3 透視是一種用于創建三維效果的 CSS 技術。通過將元素定位在一個三維空間內，您可以為用戶提供一種更富有體驗感的頁面交互方式。

要使用透視，您需要指定一個透視點。透視點是一個定義了如何渲染 3D 轉換的點。

transform: perspective(1000px);

在上面的代碼中，perspective() 函數會為元素設置一個透視點，該點位于視點之前。該值以像素為單位，表示在透視點前的距離。

接下來，您需要確保要在三維空間中處理的元素位于其自身的畫板上。這個過程稱為“開啟 3D”。

transform-style: preserve-3d;

在上面的代碼中，preserve-3d 參數會告訴瀏覽器，元素會呈現為一個與其父元素平行的虛擬空間。這樣，您就可以控制元素與其他元素的相對位置。

下一步是將元素在三維空間中移動，您可以使用 translate3d() 函數來實現：

transform: translate3d(0, 0, -200px);

在上面的代碼中，translate3d() 函數會將元素在 X、Y 和 Z 坐標軸上向左移動。在這個例子中，Z 是指垂直于屏幕的深度。

最后，您可以應用其他 3D 轉換，例如旋轉和傾斜。這些轉換可以使用 rotateX()、rotateY()、rotateZ()、skewX() 和 skewY() 函數來實現。

transform: perspective(1000px) rotateX(45deg) rotateY(45deg);

在上面的代碼中，元素將在包含透視點的透視背景下進行旋轉。

通過這些技術，您可以創建出一些既有啟發性又有趣味性的 3D 頁面效果。