3D圖片旋轉是一種非常炫酷的效果，可以用來展示產品或者制作網站動態頁面。下面是一個簡單的3D圖片旋轉html代碼示例：

首先，我們需要一個div元素，用來包含我們的圖片：

<div class="box">
<img src="your-image.jpg" alt="your-image">
</div>

接下來，我們定義CSS樣式，使圖片可以在3D空間中旋轉：

.box {
perspective: 1000px; /* 定義透視基點 */
transform-style: preserve-3d; /* 讓子元素保持3D空間的狀態 */
transition: transform 1s; /* 定義動畫效果 */
}
.box:hover {
transform: rotateY(180deg); /* 鼠標懸停時旋轉180度 */
}
img {
width: 100%;
height: auto;
display: block;
transform-style: preserve-3d; /* 讓圖片保持3D空間的狀態 */
}

最后，讓我們來看看完整的代碼吧：

<div class="box">
<img src="your-image.jpg" alt="your-image">
</div>
<style>
.box {
perspective: 1000px;
transform-style: preserve-3d;
transition: transform 1s;
}
.box:hover {
transform: rotateY(180deg);
}
img {
width: 100%;
height: auto;
display: block;
transform-style: preserve-3d;
}
</style>

這段代碼非常簡單，但是卻可以讓我們的圖片在3D空間中旋轉，增加了頁面的視覺效果和吸引力。如果你想要進一步學習3D效果的編程，建議查看CSS3動畫和變換相關的文檔，掌握更多的技巧和用法。