CSS3是前端開發中常用的一種語言，它的強大功能能夠為網頁增加豐富的效果。其中，抖動和移動是CSS3中非常受歡迎的特效之一。

/* 抖動 */
@keyframes shake {
0% { transform: translate(0, 0); }
10% { transform: translate(-10px, 0); }
20% { transform: translate(10px, 0); }
30% { transform: translate(-10px, 0); }
40% { transform: translate(10px, 0); }
50% { transform: translate(-10px, 0); }
60% { transform: translate(10px, 0); }
70% { transform: translate(-10px, 0); }
80% { transform: translate(10px, 0); }
90% { transform: translate(-10px, 0); }
100% { transform: translate(0, 0); }
}
/* 移動 */
@keyframes move {
0% { left: 0; }
50% { left: 50%; }
100% { left: 0; }
}
/* 給元素添加效果 */
.shake {
animation: shake 0.5s infinite;
}
.move {
position: relative;
animation: move 2s infinite;
}

抖動效果使用了CSS3的關鍵幀動畫，這里我們定義了10個不同的狀態，并為每個狀態指定了元素的位置。通過不斷循環這些狀態，就能夠實現元素抖動的效果。而移動效果則使用了CSS3中的動畫屬性，我們將元素的left值不斷變化，從而實現元素向左移動，再向右移動的效果。

以上就是CSS3中關于元素抖動和移動的簡單介紹，希望能夠對你有所幫助。