隨著Web 技術的不斷發展，我們可以實現越來越多驚人的效果，其中3D 環境技術是其中一個重要的方向。CSS3 很好地實現了3D 環境，下面介紹一些關于CSS3 3D 環境的知識。

1. 轉換屬性（transform）

div{
transform: translate(10px,10px);
}

2. 透視屬性（perspective）

div{
perspective: 100px;
}

3. 背面可見性（backface-visibility）

div{
backface-visibility: hidden;
}

4. 動畫屬性（animation）

@keyframes trans {
0% { transform: translate(0,0);}
100% { transform: translate(200px, 200px);}
}
div{
animation: trans 2s ease-in-out infinite;
}

5. 過渡屬性（transition）

div{
transition: transform 1s ease-in-out;
}

CSS3 3D 環境可以讓網頁效果更加生動、真實，給用戶帶來更加震撼的視覺體驗。但是不要過度追求3D 特效，要讓3D 效果更好地服務于用戶的實際需求。