HTML中的照片立體旋轉效果可以通過CSS3的transform屬性和一些簡單的代碼來實現。下面是一個針對照片立體旋轉效果的HTML代碼示例：

<div class="container">
<div class="photo">
<img src="photo.jpg" alt="照片">
</div>
</div>

這段HTML代碼將照片包裹在一個名為“container”的DIV中，并將其置于另一個名為“photo”的DIV中。我們可以使用如下的CSS代碼來使這個照片旋轉：

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

首先，在“container”樣式中，我們將其“perspective”屬性設置為1000px。這個屬性用來定義觀察者“離物體有多遠”，通俗一點說就是用來定義旋轉的視覺距離。

在“photo”樣式中，我們將其“transform-style”屬性設置為“preserve-3d”，這將使它按照3D方式旋轉，而不是平面旋轉。我們還在其“position”屬性中添加了“relative”，并在其“transition”屬性中定義了一個1秒的過渡效果。同時，在其“:hover”偽類中，我們將其“transform”屬性設置為“rotateY(180deg)”，這將使照片在鼠標懸停時繞Y軸旋轉180度。

最后，我們用“photo img”樣式來設置照片本身的屬性。這里，我們將其“position”屬性設為“absolute”，并將其“backface-visibility”屬性設置為“hidden”，這將防止照片在3D旋轉過程中“翻轉”。

使用這些代碼，您可以輕松地創建一個帶有立體旋轉效果的照片。