如果你想讓你的CSS動畫左右移動，你可以利用CSS屬性transform: translateX() 和@keyframes來實現(xiàn)。下面是一些簡單的代碼：

.box {
width: 100px;
height: 100px;
position: relative;
background-color: red;
animation: move 3s infinite alternate;
}
@keyframes move {
from {
transform: translateX(0);
}
to {
transform: translateX(200px);
}
}

在這個例子中，我們創(chuàng)建了一個具有相對定位的div元素，設(shè)置它的寬度，高度和背景顏色。我們還在此元素中應(yīng)用了一個名為move的動畫，并將其持續(xù)時間設(shè)置為3秒，重復(fù)次數(shù)為無限，而alternate則意味著動畫在每次循環(huán)時都會反向播放。接下來，我們創(chuàng)建了一個名為move的@keyframes規(guī)則，它定義了動畫的開始狀態(tài)和結(jié)束狀態(tài)。

在開始狀態(tài)中，我們將元素的translateX屬性設(shè)置為0，這意味著元素的左邊緣恰好與父元素的左邊緣對齊。在結(jié)束狀態(tài)中，我們將translateX屬性設(shè)置為200px，這將使元素沿著X軸向右移動200像素，因為這是一個動畫，元素將從開始狀態(tài)平滑地過渡到結(jié)束狀態(tài)，再反向播放，以獲得左右運動的效果。

總之，如果你想讓你的CSS動畫左右移動，你可以使用transform: translateX()屬性和@keyframes規(guī)則，通過修改translateX()的值和動畫持續(xù)時間，來控制該元素在X軸上移動的距離和速度。