在CSS3中，我們可以用一些新的屬性和技巧實現創建正方體的效果。

.cube {
width: 100px;
height: 100px;
transform-style: preserve-3d;
}
.cube .face {
position: absolute;
width: 100px;
height: 100px;
opacity: 0.8;
}
.cube .front {
transform: translateZ(50px);
background-color: #FF3B3F;
}
.cube .back {
transform: rotateY(180deg) translateZ(50px);
background-color: #2EC4B6;
}
.cube .top {
transform: rotateX(90deg) translateZ(50px);
background-color: #FFC300;
}
.cube .bottom {
transform: rotateX(-90deg) translateZ(50px);
background-color: #FF5733;
}
.cube .left {
transform: rotateY(-90deg) translateZ(50px);
background-color: #DAF7A6;
}
.cube .right {
transform: rotateY(90deg) translateZ(50px);
background-color: #A9DEF9;
}

在這段代碼中，我們首先創建了一個容器 div .cube ，并將其 transform-style 屬性設置為 preserve-3d ，這是讓其內部元素在三維空間中呈現的關鍵步驟。

接著，我們為容器的每個面創建了一個 div 元素，并設置其 position 為 absolute ，這是為了讓每個面都能夠在同一空間內旋轉。隨后，使用 transform 屬性來分別為每個面設置其在 3D空間中的位置和姿態，從而得到一個立體的正方體。最后設置各個面的背景顏色，完成效果的呈現。