3D圖片是一種富有立體感的圖片效果，而CSS也可以通過使用一些屬性來實現(xiàn)3D圖片效果。下面將介紹幾種常用的實現(xiàn)方法。

/* 使用transform屬性實現(xiàn)3D圖片效果 */
.box {
transform: perspective(1000px) rotateY(30deg);
}
/* 在transform屬性中使用rotateX屬性實現(xiàn)水平滾動的3D效果 */
.box {
transform: perspective(1000px) rotateX(50deg);
}
/* 使用transform-style屬性實現(xiàn)3D場景效果 */
.box {
transform-style: preserve-3d;
}
/* 在transform-style屬性中使用rotateX和rotateY屬性實現(xiàn)3D場景旋轉(zhuǎn)效果 */
.box {
transform-style: preserve-3d;
transform: rotateX(35deg) rotateY(-45deg);
}

需要注意的是，實現(xiàn)3D圖片效果的前提是需要有足夠的HTML元素以及合適的背景圖像。在使用3D效果時還需要注意，不要在太多元素上使用3D效果，否則可能會導致頁面性能下降，出現(xiàn)卡頓等現(xiàn)象。