CSS是前端開發的重要語言，可以通過它實現各種動畫效果，比如抽號碼動畫。下面我們來介紹一下如何使用CSS實現抽號碼動畫。

// 第一步：設置背景
.box {
background-color: #F5F7FA;
width: 200px;
height: 50px;
position: relative;
}
// 第二步：設置抽中號碼的效果
.active {
background-color: #009688;
color: #fff;
}
// 第三步：設置號碼樣式
.number {
font-size: 20px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
top: 5px;
left: 5px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 4px 6px rgba(0,0,0,.1);
transition: all .3s;
}
// 第四步：設置抽取動畫
@keyframes shake {
0% { transform: rotate(-3deg); }
50% { transform: rotate(3deg); }
100% { transform: rotate(-3deg); }
}
// 第五步：添加動畫效果
.number.active {
animation: shake 0.6s ease-in-out;
}

通過以上代碼，我們可以實現簡單的抽號碼動畫。當點擊某一個號碼時，該號碼會變成選中狀態，同時有抖動動畫效果。