CSS正方體源碼是CSS重要的一部分，在網頁制作中使用頻率非常高。下面是一段簡單的CSS正方體源碼：

.cube {
transform-style: preserve-3d;
position: relative;
animation: spin 8s linear infinite;
}
.cube .face {
position: absolute;
width: 200px;
height: 200px;
background-color: #f1c40f;
opacity: 0.7;
}
.cube .face.front {
transform: translateZ(100px);
}
.cube .face.back {
transform: translateZ(-100px) rotateY(180deg);
}
.cube .face.right {
transform: rotateY(90deg) translateX(100px);
}
.cube .face.left {
transform: rotateY(-90deg) translateX(-100px);
}
.cube .face.top {
transform: rotateX(90deg) translateY(-100px);
}
.cube .face.bottom {
transform: rotateX(-90deg) translateY(100px);
}
@keyframes spin {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}

代碼中的.cube是整個正方體的容器。它使用了CSS3的3D特效，保留了3D的方位，具有非常好的視覺效果。.face是小正方體的六個面，每個面是一個被絕對定位的div元素。.front的transform表示在z軸上移動了100像素，.back的transform則表示在z軸上移動了-100像素，并且繞y軸旋轉了180度，left和right的transform表示在x軸上平移了-100像素和100像素，top和bottom的transform表示在y軸上旋轉了90度。最后，利用CSS3的animation動畫實現了div的旋轉效果。