CSS是實現網頁效果的重要工具，其中文字抖動效果是非常有趣的一種效果。下面我們來看一下如何使用CSS實現文字抖動效果。

.shake {
animation: shake 0.5s ease-in-out infinite;
}
@keyframes shake {
0% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
100% {transform: translateX(0);}
}

上面的代碼中，我們定義了一個類名為shake。在該類名下，我們使用了CSS3的動畫屬性animation，設置了動畫名稱為shake，持續時間為0.5秒，運動曲線為ease-in-out，以及重復次數為無限。

接下來我們定義了動畫關鍵幀@keyframes shake。在整個動畫過程中，文字的移動距離為10px。而抖動的時間點為0%，10%，20%，30%，40%，50%，60%，70%，80%，90%和100%。在這些時間點，我們通過使用transform屬性，將文字在X軸上進行左右移動。

最后，我們可以將shake類名應用到任何想要實現抖動效果的文字中，例如：

<h1 class="shake">Hello CSS Shake!</h1>

這樣我們就可以看到非常有趣的文字抖動效果了。