CSS3的出現帶來了更多的新特性，其中CSS3的3D圓形是一個非常有用的功能，它使得我們可以在網站設計中使用更多的立體效果，使得整個網站看起來更為真實。

代碼示例：
/* 圓形的寬高一致，即寬高相等 */
/* 用border-radius可以實現圓形，設為50%即可 */
.round{
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #c4c4c4;
/* 文字劇中 */
display: flex;
justify-content: center;
align-items: center;
/* 通過transform屬性實現3D效果 */
transform-style: preserve-3d;
transform: translateZ(50px);
/* 添加動畫 */
animation: rotate 5s linear infinite;
}
/* 動畫效果，讓圓形不斷旋轉 */
@keyframes rotate {
from { transform: rotateY(0); }
to { transform: rotateY(360deg); }
}

如上所示的代碼，我們首先使用了border-radius來實現圓形，同時也可以通過改變它的值來實現不同的效果，例如設置為border-radius: 10px;時，可以呈現出圓角矩形。接著，我們使用了transform-style和transform屬性來實現3D效果。其中，transform-style：preserve-3d可以使元素保持3D狀態，而transform: translateZ(50px);則可以讓元素在Z軸方向上偏移50像素，從而呈現出3D效果。

最后，我們添加了一個名為rotate的動畫，使得圓形不斷旋轉，使得整個頁面看起來更加生動有趣。