CSS3是一種用于網頁設計的技術，可以實現許多炫酷的特效，比如3D立方體效果。

.cube {
width: 200px;
height: 200px;
position: relative;
transform-style: preserve-3d;
transition: transform 1s;
}
.cube:hover {
transform: rotateX(360deg) rotateY(360deg);
}
.cube .front, .cube .back, .cube .left, .cube .right, .cube .top, .cube .bottom {
position: absolute;
width: 200px;
height: 200px;
background-color: #ddd;
}
.cube .front {
transform: translateZ(100px);
}
.cube .back {
transform: rotateY(180deg) translateZ(100px);
}
.cube .left {
transform: rotateY(-90deg) translateZ(100px);
}
.cube .right {
transform: rotateY(90deg) translateZ(100px);
}
.cube .top {
transform: rotateX(-90deg) translateZ(100px);
}
.cube .bottom {
transform: rotateX(90deg) translateZ(100px);
}

這段CSS代碼定義了一個名為“cube”的class，寬高都為200px，定位為相對位置，保持3D效果的樣式為“preserve-3d”，以1秒的時間進行平移變形的過渡。當鼠標移到立方體上時，會發生360度的旋轉。

其中，.front、.back、.left、.right、.top、.bottom是立方體6個面的樣式，每個面的圖案可以用background-image屬性來定義。

通過上述代碼，我們可以輕松實現一個漂亮的3D立方體效果，使網頁更加吸引人眼球。