CSS3 動畫在網頁設計中常常使用，可以制作出精美的動態效果。然而，在實際應用中，有時我們會發現動畫出現了抖動的問題。下面我們來了解一下解決這個問題的方法。

.anim {
animation: shake 1s ease-in-out;
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}

以上是一個簡單的 CSS3 抖動動畫，但很可能會因為卡頓、CPU 負荷高等原因，導致動畫出現抖動。下面是幾種解決抖動的方法。

一、 緩沖動畫。將我們動畫的時間變長，讓動畫的流暢度更好。

二、 減小幀數。過高的幀數會增加 CPU 負荷，減小幀數可以降低 CPU 的負荷，保證流暢度。

三、 排除其他可能出現的問題。例如可能是容器大小的問題，如果容器大小不與動畫畫面匹配，也會出現抖動的情況。

總之，要讓 CSS3 動畫更加流暢，我們需要不斷優化代碼，減輕CPU負荷，提高流暢度。我們可以通過以上方法解決抖動問題，給網頁加上更加精美的動畫。