CSS3 3D骰子是一種利用CSS3技術實現的動態骰子效果。通過CSS3中的transform屬性和perspective屬性，可以輕松創建一個可以旋轉和擺放的3D骰子。

.cube {
position: relative;
transform-style: preserve-3d;
transform: rotateX(-45deg) rotateY(45deg);
transition: transform .5s ease-in-out;
perspective: 1000px;
}
.cube  .face {
position: absolute;
width: 100px;
height: 100px;
margin: 0;
background-color: #FFF;
opacity: 0.9;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
text-align: center;
line-height: 100px;
font-size: 48px;
}
.cube .face:nth-child(1) {
transform: translateZ(50px);
}
.cube .face:nth-child(2) {
transform: rotateY(90deg) translateZ(50px);
}
.cube .face:nth-child(3) {
transform: rotateY(-90deg) translateZ(50px);
}
.cube .face:nth-child(4) {
transform: rotateX(90deg) translateZ(50px);
}
.cube .face:nth-child(5) {
transform: rotateX(-90deg) translateZ(50px);
}
.cube .face:nth-child(6) {
transform: rotateY(180deg) translateZ(50px);
}

以上代碼是實現3D骰子效果的基本代碼，其中.cube代表骰子，它使用了CSS3中的transform屬性來旋轉和擺放，perspective屬性設置了透視距離，使得骰子能夠產生立體感。

通過為每個面添加不同的transform屬性，就能實現骰子的各個面的顯示和旋轉效果，從而讓骰子呈現出逼真的3D視覺效果。此外，還可以添加過渡（transition）屬性來讓骰子的顯示和旋轉更加平滑。

總之，CSS3 3D骰子是一項基于CSS3技術的有趣的項目，如果您對此感興趣，可以結合實際應用進行實踐和創新。