你是否曾經對一個網頁元素的缺失而感到沮喪？如果您是一個網頁設計師，你可能經常遇到這個問題。幸運的是，有一些簡單的樣式可以使您的頁面更加吸引人。其中一個最受歡迎的樣式就是“抖動效果”，這種效果是通過使用CSS shake樣式表來實現的。

.shake {
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
@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);
}
}

只需要將CSS文件或CSS樣式標簽中的這些代碼復制到HTML文件的樣式部分中，并將class屬性添加到目標元素，您的元素就可以開始抖動了！

需要注意的是，這種效果會使元素看起來比較雜亂，因此請確保適當地使用。 現在，您可以使用CSS Shake樣式表為您的網頁添加一些額外的動態效果。