CSS3中有一個很酷的效果，就是可以通過動畫來讓文字抖動起來。這種效果在一些個性化的網頁中非常常見，讓網頁看起來更加生動。

使用這個效果非常簡單，只需要在CSS中加上以下屬性：

@keyframes shake {
0% { transform: translate(2px, 2px) rotate(0deg); }
10% { transform: translate(-2px, -4px) rotate(-1deg); }
20% { transform: translate(-4px, 0px) rotate(1deg); }
30% { transform: translate(2px, 2px) rotate(0deg); }
40% { transform: translate(0px, 0px) rotate(0deg); }
100% { transform: translate(0px, 0px) rotate(0deg); }
}
h1{
animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) infinite;    
}

這段代碼中定義了一個名為shake的動畫，它包含了很多個不同的位置和角度設置。其實就是在不斷地抖動。然后通過給要抖動的文字添加animation屬性，把抖動效果應用到h1標簽上面。

這種文字抖動的效果可以通過不同的屬性來進行調整，比如抖動的速度，抖動的幅度等等。只要調整不同的參數，就可以獲得不同的抖動效果，讓網頁更加生動有趣。