塊元素左右搖擺是一種實現動態效果的css方法，在制作網頁時可以讓頁面更生動、有趣。以下是實現左右搖擺的css代碼：

.block{
animation:swing 1s ease-in-out infinite alternate;
}
@keyframes swing{
0%{
transform:translateX(-20px);
}
100%{
transform:translateX(20px);
}
}

上述代碼中，.block為html元素的類名，可以改為id名等其他選擇符。在animation屬性中調用swing動畫，可通過調整1s來改變搖擺的速度，也可以通過修改infinite的值來控制動畫播放的次數。alternate表示反向播放。

在keyframes規則中，定義了從0%到100%的動畫效果。在0%時，通過translateX(-20px)使元素向左移動20個像素，而在100%時，通過translateX(20px)使元素向右移動20px。這樣反復播放，就實現了左右搖擺的效果。

需要注意的是，這種動畫效果對于移動設備和舊版瀏覽器兼容性可能不太好，需要在實際應用中進行測試。提供另外一種實現左右搖擺的方法，借助于CSS transform rotate屬性：

.block{
animation:swing 1s ease-in-out infinite alternate;
}
@keyframes swing{
0%{
transform:rotate(-8deg);
}
100%{
transform:rotate(8deg);
}
}

這里通過CSS的旋轉屬性來達到左右搖擺的效果，同樣的，在0%時元素向左旋轉8度，100%時向右旋轉8度，反復播放即可實現左右搖擺。