CSS動畫的效果已經被廣泛應用于網頁設計中，但是你是否聽說過只用CSS實現抖動循環效果呢？在本文中，我們將會介紹如何使用CSS實現抖動循環。

/* 定義關鍵幀 */
@keyframes shake {
0% { transform: translate(0, 0); }
10%, 30%, 50%, 70%, 90% { transform: translate(-10px, 0); }
20%, 40%, 60%, 80%, 100% { transform: translate(10px, 0); }
}
/* 應用關鍵幀 */
.element {
animation: shake 1s infinite;
}

以上代碼定義了一個名為“shake”的關鍵幀，其中0%的狀態是起始狀態，10%、30%、50%、70%、90%的狀態將元素左移，20%、40%、60%、80%、100%的狀態將元素右移。接著，我們將需要應用這個關鍵幀的元素的class設置為“element”，并給它添加一個無限循環的1秒動畫。這樣就可以實現抖動循環效果了。