在現代網頁設計中，抖動效果是非常受歡迎的一種效果，能為網頁帶來生動感和時尚感。在移動設備上，抖動效果也同樣重要。本文將介紹如何在CSS中實現手機版抖動效果。

/* 實現手機版抖動效果的CSS */
/* 首先，我們需要將要抖動的元素設置為相對定位 */
.element {
position: relative;
/* 其他樣式 */
}
/* 接著，我們需要定義一個@keyframes動畫，用來實現抖動效果 */
@keyframes shake {
0% {
/* 定義抖動初始位置 */
transform: translate(0, 0) rotate(0);
}
20% {
/* 定義抖動第一次調整的位置 */
transform: translate(-10px, 0) rotate(-5deg);
}
40% {
/* 定義抖動第二次調整的位置 */
transform: translate(10px, 0) rotate(5deg);
}
60% {
/* 定義抖動第三次調整的位置 */
transform: translate(-10px, 0) rotate(-5deg);
}
80% {
/* 定義抖動第四次調整的位置 */
transform: translate(10px, 0) rotate(5deg);
}
100% {
/* 定義抖動結束的位置 */
transform: translate(0, 0) rotate(0);
}
}
/* 最后，將@keyframes動畫應用于要抖動的元素 */
.element:hover {
animation: shake 0.5s;
}

使用以上的CSS代碼，我們可以實現一個簡單的手機版抖動效果。將代碼加入到你的網頁中，讓你的網頁煥然一新。