CSS3是一項非常強大的技術，其中包括使盒子在網頁上左右晃動的能力。使用CSS3進行動畫設計可以提高用戶體驗，而且這種動畫也非常簡單，只需要一些基本的代碼就可以了。下面是讓盒子左右晃動的代碼：

.box{
width: 100px;
height: 100px;
background-color: #f00;
position: relative;
animation: shake 0.3s ease-in-out infinite;
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}

在上面的代碼中，我們首先定義了一個寬高為100像素的盒子，背景顏色為紅色，然后將位置設為相對定位。接下來，我們使用了CSS3中的動畫屬性，在盒子上應用了名為“shake”的動畫。動畫會不停地循環，直到網頁被關閉。

在“shake”動畫內，我們使用了“@keyframes”來定義動畫，它表示動畫每一幀的樣式。我們在初始和結束（0%和100%）設置平移X軸0像素，這意味著盒子按照原樣呈現。接著在10%、30%、50%、70%和90%的位置上，我們將盒子沿X軸向左移動10像素。在20%、40%、60%和80%的位置上，我們將盒子沿X軸向右移動10像素。這就使得盒子在網頁上左右晃動起來了。

總的來說，CSS3的動畫屬性非常輕松地讓我們實現網頁中的簡單動畫效果。如果你想讓你的網站看起來更加有趣和動感，可以嘗試使用CSS3的動畫特性來添加幾個動畫效果。希望這篇文章對你有所幫助！