CSS3是在CSS2的基礎上進行了一些增強和完善，其中就包括了一些有趣的特性，比如它可以用來實現扔色子的效果。

首先，我們需要先準備好一個色子的樣式。可以采用CSS的border屬性來實現。

.dice{
width: 100px;
height: 100px;
border: 3px solid black;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
font-size: 50px;
}

上述代碼中，我們定義了一個名為dice的樣式類，它設置了色子的寬高、邊框、圓角、內容居中等樣式。

接下來，我們需要用到CSS3的動畫特性。我們可以使用@keyframes關鍵字來定義動畫的關鍵幀。

@keyframes roll{
0%{
transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
100%{
transform: rotateX(720deg) rotateY(720deg) rotateZ(720deg);
}
}

上述代碼中，我們定義了一個名為roll的動畫，它包括了兩個關鍵幀，一個是0%的狀態，一個是100%的狀態。在0%狀態下，色子沒有任何偏轉，而在100%狀態下，色子將進行720度的X、Y、Z軸旋轉。

然后，我們就可以在html代碼中添加一個色子，并將其應用上述樣式和動畫。

上述代碼使用了一個名為dice的div元素，并設置其類名為dice。同時，我們也為該div元素添加了一個id屬性為dice。

最后，我們需要通過JavaScript來觸發色子的扔動畫。

let dice = document.getElementById("dice");
dice.addEventListener("click", function(){
dice.classList.remove("rolling");
void dice.offsetWidth;
dice.classList.add("rolling");
});

上述代碼給dice元素添加了一個點擊事件，當點擊色子時，它將先移除rolling類，然后通過void關鍵字讓瀏覽器重新渲染該元素，最后再添加rolling類，讓色子進行扔的動畫效果。

以上就是CSS3扔色子的實現過程了。您可以嘗試將上述代碼復制到一個html文件中，然后在瀏覽器中運行，看看色子會如何扔動吧！