CSS動畫是一種通過設置CSS樣式來控制網頁或文檔中的元素移動、旋轉、閃爍或響應式變化的技術。在本文中，我們將介紹如何使用CSS動畫來創建來回搖晃的效果。

首先，我們需要創建一個包含搖晃元素的容器，例如一個HTML標簽，如下所示：

```html

接下來，我們需要為容器添加CSS樣式，以控制搖晃的效果：

```css

.搖晃-container {

position: relative;

width: 200px;

height: 200px;

position: absolute;

top: 0;

left: 0;

width: 200px;

height: 200px;

background-color: #fff;

animation：搖晃 1s infinite;

@keyframes搖晃 {

0% {

transform: translateY(0);

100% {

transform: translateY(100px);

現在，我們可以嘗試在瀏覽器中查看效果。打開HTML文件，并打開CSS文件，以便查看容器和搖晃元素在瀏覽器中的可見效果。

我們可以看到，搖晃元素在Y軸上來回移動，形成了一個來回搖晃的效果。請注意，我們使用了一些額外的CSS屬性，例如“position: absolute”和“animation”，這些屬性可以幫助我們創建復雜的CSS動畫效果。

通過使用CSS動畫，我們可以創建各種不同類型的搖晃效果，例如旋轉、縮放、閃爍等。這些效果可以根據需要進行自定義和調整，以達到最佳效果。