CSS是現代網頁制作的重要一環，隨著HTML5和CSS3的發展，各種動畫效果也逐漸成為了網頁設計中不可或缺的一部分。然而，在開發過程中，也經常會遇到一些問題，比如說網頁抖動。

網頁抖動的出現通常是因為CSS設置不合理或者與其他CSS規則產生沖突，導致頁面出現一些不必要的震動或閃爍。這種問題很容易影響用戶的體驗，并且可能對網站的SEO排名造成影響。

那么，如何避免網頁抖動呢？下面是一些實用的技巧：

/* 1.使用 normalize.css規范樣式 *//* 2.禁止圖片和背景圖的拖拽 */
img, img[src$=".gif"], img[src$=".png"], img[src$=".jpg"], img[src$=".jpeg"], img[usemap], area, input[type="image"], object, embed, .drag {
-webkit-user-drag: none;
-moz-user-drag: none;
-ms-user-select: none;
user-select: none;
}
/* 3.禁止動畫重復播放 */
animation-iteration-count: 1;
/* 4.使用 transform 做移動等動畫效果 */
transform: translate3d(0, 0, 0);
/* 5.合理使用CSS屬性 */
比如說，不要同時設置 margin 和 position 等屬性，因為這可能會導致網頁抖動。
/* 6.不要在布局中使用 table */
使用 table 作為布局容器可能會導致網頁抖動或者排版錯亂。

以上是一些避免網頁抖動的技巧，我們在實際開發中可以根據頁面需求使用一些較為合適的技巧，保證頁面流暢、舒適，提高用戶體驗。