CSS 3D 基點是指在三維空間中定義一個參考點，以便我們對元素進行轉換和變形時更加精確和方便。

定義基點可以通過transform-origin屬性來完成，它可以同時定義在三維空間中的 X、Y、Z 軸上，用英文逗號分隔。

transform-origin: x-axis y-axis z-axis;

其中，x-axis表示在 X 軸上的基點位置，可以是一個像素值、百分比、關鍵字（left、center、right），默認為center；y-axis表示在 Y 軸上的基點位置，可以是一個像素值、百分比、關鍵字（top、center、bottom），默認為center；z-axis表示在 Z 軸上的基點位置，可以是一個像素值，但是不支持百分比和關鍵字，其默認值為0。

如果沒有指定 Z 軸，則默認存在于屏幕的水平面上，可以通過增加 Z 軸來使得元素呈現 3D 效果，并且指定在 X、Y、Z 軸上的基點可以自由調整元素的旋轉中心位置。

下面是一個示例代碼：

.box {
width: 100px;
height: 100px;
background-color: #f00;
transform: rotateY(30deg);
transform-origin: left top -50px;
}

上述代碼意思是將一個寬高為 100 像素的紅色盒子繞 Y 軸旋轉 30 度，同時以盒子的左上角為基點，在 Z 軸上的位置為 -50 像素。

基點功能的優點在于可以更加方便地控制元素在三維空間中的位置和轉換效果，使得 3D 效果更加真實、自然。