CSS中，通過動畫實現物件的移動效果是非常常見的操作，其中從左往右的動畫也很有趣。下面我將通過代碼演示如何實現從左到右的動畫效果。

/* 先創建一個div，用來演示從左往右的動畫效果 */
.left-to-right {
width: 50px;
height: 50px;
background-color: #f00;
position: absolute;
top: 50%;
left: 0;
}
/* 接下來是css動畫的核心代碼 */
@keyframes leftToRight {
from { left: 0; } /* 動畫開始時，物件的left值為0 */
to { left: 100%; } /* 動畫結束時，物件的left值為100%（即物件從左側移動到右側） */
}
/* 將上面定義好的動畫效果應用于left-to-right這個div */
.left-to-right {
animation: leftToRight 2s linear infinite; /* 動畫執行時間為2s，勻速執行，永久循環 */
}

上面的代碼中，首先創建了一個名為left-to-right的div，該div的位置是絕對定位，所以需要設置top和left值來使其位于頁面的中間并且在左側。接著使用@keyframes定義了從左到右的動畫，從0%到100%時，物件left值從0到100%。最后將定義好的動畫應用到left-to-right這個div上，讓其左側移動到右側。

這樣簡單的代碼就可以讓物件從左到右地移動啦。當然，可以根據實際需求來調整動畫執行時間、執行方式等參數，還可以結合其他CSS屬性，例如opacity、transform來增加動畫效果。希望這篇文章能為你在CSS動畫方面的學習提供幫助！