CSS是我們日常網頁開發所必不可少的技術，當然，除了美化網頁之外，CSS還可以為我們的網頁帶來一些有趣的特效，例如網頁抖動。

下面，我將為大家介紹幾種常見的實現網頁抖動的CSS技巧。

/* 第一種方法：使用@keyframes和animation屬性 */
@keyframes shake {
0% { transform: translateX(0); }
10%, 90% { transform: translateX(-5px); }
20%, 80% { transform: translateX(5px); }
30%, 50%, 70% { transform: translateX(-10px); }
40%, 60% { transform: translateX(10px); }
}
.element {
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}
/* 第二種方法：使用transform和transition屬性 */
.element:hover {
transform: translateX(-5px);
transition: transform .1s ease-in-out;
}
.element:hover {
transform: translateX(5px);
transition: transform .1s ease-in-out;
}

以上兩種方法均可實現網頁抖動的效果，只需要將對應的選擇器和類名改成自己需要的即可。

總之，CSS的靈活性和可塑性非常高，只要我們擁有足夠的想象力和創造力，就可以創造出各種各樣的特效和效果，讓我們的網頁變得更加生動有趣。