CSS3 3D照片特效是一種非常有趣和實用的技術，它可以讓頁面上的照片在3D空間中以各種有趣的方式旋轉展示。以下是一些基本的示例。

.photo {
width: 200px;
height: 200px;
position: relative;
margin: 50px auto;
transform-style: preserve-3d;
transition: transform 1s;
}
.photo img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
backface-visibility: hidden;
}
.photo:hover {
transform: rotateY(180deg);
}

在這個示例中，我們通過使用CSS3的transform屬性和transition屬性，以及preserve-3d和backface-visibility屬性，來實現3D照片特效。下面我們來逐個解釋這些屬性和值的含義。

首先是transform屬性。這個屬性可以讓元素變換位置、大小、旋轉角度等等。我們將用它來控制圖片的旋轉。rotateY是具體的旋轉函數，它表示讓圖片繞著Y軸旋轉180度。

其次是transition屬性。這個屬性可以讓元素的變化過程變得平滑，用一個過渡的動畫效果來展示。我們將用它來產生圖片旋轉的動畫效果，讓旋轉不太突兀。

preserve-3d屬性可以使得父元素內的3D子元素保持3D效果。backface-visibility屬性可以控制元素的背面是否可見，這樣可以避免在旋轉過程中出現奇怪的問題。

最后是一個簡單的:hover偽類，它的作用是當鼠標移動到元素上方時，觸發元素的樣式變化，即讓圖片旋轉。這一步是給了用戶交互體驗，使得頁面變得更加生動有趣。

綜上所述，CSS3 3D照片特效是一種比較好玩和實用的技術，它可以讓頁面上的照片展現出更加生動的效果，給人們帶來更好的用戶體驗。