CSS實現數字轉動效果是一種非常酷的效果，可以提高數字展示的視覺效果和吸引度。下面我們來介紹一下如何使用CSS實現數字轉動效果。

/* 定義數字轉動動畫 */
@keyframes rotate {
0% {
transform: rotateX(0deg);
}
100% {
transform: rotateX(360deg);
}
}
/* 定義數字樣式 */
.number {
display: inline-block;
padding: 0.1em 0.3em;
border-radius: 0.2em;
background-color: #333;
color: #fff;
font-size: 1.5em;
text-align: center;
vertical-align: middle;
animation: rotate 2s ease-in-out infinite;
}
/* 在HTML中引用樣式 */
<p>
數字轉動效果：<span class="number">123</span>
</p>

上面的代碼定義了一個rotate動畫，它用于將數字進行循環旋轉。然后我們定義了一個樣式類.number，它用于定義數字的樣式，并將動畫與該樣式關聯。

最后，我們在HTML中應用number樣式，將相關數字包含在span標簽中，就可以看到數字不停地轉動了。