CSS3透視變換是CSS3中新出現的變換方式，它可以讓元素在頁面上呈現出立體的效果。在CSS3透視變換中，關鍵的概念是視角（perspective）和透視點（perspective-origin）。

/*設置透視距離*/
transform: perspective(100px);
/*設置透視點*/
transform: perspective(100px) translateZ(0);

透視距離指的是觀察者到屏幕的距離，也就是我們常說的視角。而透視點指的是我們觀察元素的位置，它決定了元素在透視變換中的表現形式。

/*透視變換*/
transform: rotateY(50deg) perspective(500px);
/*設置透視點*/
transform-origin: 50% 50% -400px;

在透視變換中，我們可以對元素進行旋轉，平移等操作，使其呈現為3D效果。但是需要注意的是，透視變換僅僅是用來展示效果的，它并不會改變元素的原始形狀或位置。