CSS3三維變換是CSS3中新增的一項功能，可以讓元素在三維空間內進行變換，實現更加真實的效果展示。

/*代碼示例*/
transform: rotateX(45deg);
transform: rotateY(45deg);
transform: rotateZ(45deg);
transform: translate3d(30px, 50px, 70px);
transform: scale3d(1.5, 1.5, 1.5);
transform: matrix3d(1, 0, 0, 0, 
0, 1, 0, 0, 
0, 0, 1, 0, 
0, 0, 0, 1);

上述代碼示例中，rotateX（繞x軸旋轉）、rotateY（繞y軸旋轉）、rotateZ（繞z軸旋轉）可以分別控制元素在三維空間內的旋轉角度。translate3d（平移）、scale3d（縮放）、matrix3d（矩陣變換）可以實現元素的空間變換，比如平移、縮小等。

除了單一的三維變換，還可以使用多個變換組合實現更加復雜的效果。通過設置 transform-origin 屬性可以控制元素的變換的基準點，從而調整旋轉、平移等效果的表現。

/*代碼示例*/
transform: perspective(500px) rotateY(45deg);
transform: rotateY(-45deg) translateX(100px);
transform-origin: right bottom;

perspective屬性可以設置整個場景的視角距離，來模擬三維場景中的透視效果，實現更加真實的效果展示。而且還可以通過設置 transform-style 屬性來控制是否啟用三維場景中的3D效果，從而實現更加靈活多變的展示效果。

/*代碼示例*/
transform-style: flat;
transform-style: preserve-3d;

CSS3三維變換功能的引入，為開發者提供了更加靈活、多樣化的設計方式，可以實現更加真實、酷炫的展示效果，為網站的視覺體驗提升了不少。