CSS3的3D屬性可以讓CSS樣式在視口上產生3D效果，例如讓文本、圖標、按鈕等元素產生立體效果。

CSS3的3D屬性包括：

1. position:3D(使用3D定位)

position:3D屬性用于設置元素的定位方式，它可以指定元素在視口中的位置，同時在視口中的立體效果也會跟隨元素的位置。例如，使用以下CSS代碼可以將一個元素放在視口中的垂直中心位置：

position:3D垂直中心；

2. transform:3D(使用3D變換)

transform:3D屬性用于設置元素的3D變換方式。它可以指定元素的旋轉、縮放、平移等變換方式，同時產生的立體效果也會跟隨變換方式。例如，使用以下CSS代碼可以將一個元素產生旋轉的立體效果：

transform:3D旋轉(90deg);

3. perspective(使用視口深度)

Perspective屬性用于設置視口的深度，以產生立體效果。視口深度的值越接近1，立體效果就越強。例如，使用以下CSS代碼可以將一個元素產生一個景深的立體效果：

Perspective-透視：1;

4. rgba(顏色值，透明度)

rgba屬性可以設置3D效果的顏色和透明度。使用 rgba 屬性可以創建一個漸變的3D效果，例如：

background-color: rgba(255,255,255,0.7);

以上是CSS3的3D屬性的一些常見用法，它們可以讓CSS樣式在視口上產生獨特的3D效果。通過靈活地使用這些屬性，我們可以創造出各種不同的3D效果，從而豐富我們的網頁設計。