CSS是一種很強大的樣式語言，它可以實現很多有趣的效果，其中就包括左右移動效果。下面我們就來學習一下如何使用CSS實現左右移動效果。

.move-box {
position: relative;
animation: move 2s infinite;
}
@keyframes move {
0% {
left: 0;
}
50% {
left: 50%;
}
100% {
left: 0;
}
}

以上就是我們實現左右移動效果的CSS代碼。我們定義了一個可移動的盒子，并對它進行了位置定位和動畫效果的設置。接著我們定義了一個動畫效果，通過 @keyframes 實現移動效果。在鍵盤幀中，我們定義了三個變化點，分別是開始位置、中間位置、結束位置。通過left屬性的設置，我們讓盒子從開始位置到中間位置移動，在中間位置停留一段時間，然后再從中間位置到結束位置移動，實現了左右移動的效果。