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效果，从而丰富我们的网页设计。