CSS3 抖動效果是一種非常酷炫的動畫效果，它可以在頁面元素上添加抖動效果，給用戶帶來視覺上的沖擊。而在chrome瀏覽器中，我們可以通過一些CSS3代碼實現抖動效果。

/*定義關鍵幀*/
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
/*應用到元素上*/
.element {
animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) infinite;
}

上述代碼就是一個基本的抖動效果代碼，其中通過定義關鍵幀實現了元素的抖動，而通過animation屬性來實現對動畫效果的應用和控制?？梢愿鶕嶋H需求來調整關鍵幀和屬性值，達到所需的抖動效果。