CSS3是目前網頁設計中非常重要的一個技術，其中CSS3 3D特效圖片更是備受關注。使用CSS3 3D特效圖片可以讓網頁更加美觀，并且提升用戶體驗。

.img{
width: 200px;
height: 200px;
background-image: url("example.jpg");
transform-style: preserve-3d;
transform: translateZ(-50px);
}

上述代碼在一個200x200像素的HTML元素上應用了3D轉換。preserve-3d屬性保持在轉換后的元素的內部三維空間中，而translateZ屬性將元素向后（在Z軸上）移動50像素。

.img:hover{
transform: perspective(1200px) rotateY(45deg);
}

當鼠標滑過元素時，使用perspective屬性將元素的透視效果設置為1200像素，并使用rotateY屬性將元素繞Y軸旋轉45度。

通過CSS3 3D特效圖片技術，我們可以創造出更加生動、立體和有趣的網頁效果。對于網頁設計師來說，這是一個非常有用的技能。