CSS是一種用于網頁樣式設計的編程語言，可以用它來實現各種各樣的效果。其中，抽獎雙色球便是一種比較有趣的實現方式。下面就讓我們來看看如何使用CSS來實現吧！

/* 生成雙色球 */
#ball {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
position: relative;
animation: shake 0.5s ease-in-out infinite;
}
#ball::after {
content: "";
width: 30px;
height: 30px;
border-radius: 50%;
background-color: white;
position: absolute;
top: 35px;
left: 40px;
}
#ball::before {
content: "";
width: 30px;
height: 30px;
border-radius: 50%;
background-color: white;
position: absolute;
top: 35px;
right: 40px;
}
/* 隨機抽取顏色 */
@keyframes shake {
0% {
transform: translateX(0);
background-color: red;
}
25% {
transform: translateX(2px) rotate(5deg);
background-color: #ffcc33;
}
50% {
transform: translateX(0) rotate(-5deg);
background-color: #0066ff;
}
75% {
transform: translateX(-2px) rotate(5deg);
background-color: #ff6666;
}
100% {
transform: translateX(0);
background-color: green;
}
}

首先，我們需要生成一個圓形的雙色球（#ball）。可以通過設置width和height的大小以及border-radius的值來實現。接著，在球的中心添加兩個白色小球，使用偽元素::before和::after實現。

然后，我們需要通過動畫（animation）來隨機抽取顏色，讓雙色球變成五彩繽紛的。這里使用transform屬性來實現球的晃動效果，使用background-color屬性改變球的顏色。

通過上述代碼，我們就可以實現抽獎雙色球的效果了。