在CSS中，通過使用transform和transform-style屬性，我們可以輕松地創建出一個立方體效果的3D路徑。具體的代碼如下：

.cube-container {
perspective: 800px;
}
.cube {
position: relative;
margin: 0 auto;
transform-style: preserve-3d;
animation: rotate 5s infinite linear;
}
.cube-face {
position: absolute;
width: 200px;
height: 200px;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid black;
box-sizing: border-box;
}
.cube-face-front {
transform: translateZ(100px);
}
.cube-face-back {
transform: rotateY(180deg) translateZ(100px);
}
.cube-face-right {
transform: rotateY(90deg) translateZ(100px);
}
.cube-face-left {
transform: rotateY(-90deg) translateZ(100px);
}
.cube-face-top {
transform: rotateX(90deg) translateZ(100px);
}
.cube-face-bottom {
transform: rotateX(-90deg) translateZ(100px);
}
@keyframes rotate {
from {transform: rotateY(0);}
to {transform: rotateY(360deg);}
}

        以上的代碼通過將容器的perspective屬性設為800px，使得在3D空間中有一定的透視效果，然后將立方體的transform-style屬性設置為preserve-3d，保證立方體的子元素可以繼承父元素的透視效果。接著，我們對每個立方體面進行定位，并且分別設置各自的位置和旋轉角度，從而形成立方體的效果。最后，通過使用animation將立方體進行旋轉，使立方體呈現出3D效果。