3D 稱之為三維，是指空間中能夠看見的物體在平面上的投影。如果沒有機器技術的發展，人們只能通過某些簡單的方法去表現三維物體，比如：建筑師的模型、畫家的透視畫、燈光效果的創造，這些都是三維的表現方式。

隨著技術的飛速發展，互聯網世界中也出現了不少如此的實現方式。其中一種方法就是 CSS 的動畫/變形3D 屬性。這種技術只需要一個平面的 div 就能實現類似 3D 的效果，而無需借助 JS 腳本或是 Flash。

/* 變形 */
.box {
transform-style: preserve-3d;
}
/* 動畫 */
@keyframes rotateX {
from { transform: rotateX(0deg); }
to { transform: rotateX(360deg); }
}
.box {
animation-name: rotateX;
animation-duration: 3s;
animation-iteration-count: infinite;
}

用上述代碼來實現一個帶有動畫效果的 3D 小盒子：

<div class="box"></div>

如此，在實現 3D 的時候便可以減少了很多復雜的計算，只需要借助輕量級的 CSS 即可實現 3D 效果。這在一些對性能要求比較高的場合尤其有意義。