CSS的動畫屬性可謂是前端開發者們的一大利器，能夠為網站增添各種各樣的交互效果。其中左移動動畫也是常見的一種，今天我們就來看看如何用CSS實現這種效果。

.move-left {
animation: moveLeft 1s ease-in-out infinite alternate;
}
@keyframes moveLeft {
from {
transform: translateX(0);
}
to {
transform: translateX(-50px);
}
}

在上面的代碼片段中，我們首先定義了一個class為move-left的元素，然后使用了CSS的animation屬性。它包括了以下幾個值：

animation-name: moveLeft;     //動畫的名稱
animation-duration: 1s;      //動畫持續時間
animation-timing-function: ease-in-out;    //動畫變化速率
animation-iteration-count: infinite;    //動畫的播放次數
animation-direction: alternate;    //動畫的播放方向

接著，我們定義了一個名為moveLeft的keyframes，其中包含了from和to兩個關鍵幀。從上面的代碼片段中可以看出，我們實現左移動效果的核心就是使用了transform屬性，并讓元素向左移動50px。

最后，我們將這些代碼合并到一起，就可以看到一個往左移動的元素了。通過調整animation-duration的值和transform的參數，我們就能夠自由地修改動畫的速度和距離，非常方便。