CSS自動左右滾動效果是Web開發中經常會用到的技巧。通過CSS實現自動滾動的效果可以讓網頁看起來更加動態，增強用戶的視覺體驗。

實現CSS自動左右滾動效果的關鍵是要運用到CSS的animation屬性和@keyframes規則。以下是一段CSS樣式代碼示例，可以幫助您實現左右自動滾動的效果。

.container {
overflow: hidden; /* 隱藏 container 中超出部分的內容 */
white-space: nowrap; /* 讓 container 中的元素不換行 */
}
/* 動畫名稱為 scroll，每次執行 5s */
@keyframes scroll {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}
/* 使用 animation 指令設置動畫 */
.item {
display: inline-block;
animation: scroll 5s infinite;
}

在上述代碼中，我們首先定義了一個名為 .container 的容器，其 overflow 和 white-space 屬性都被設置為了相應的值。這個容器就是我們將要放置滾動內容的地方。

為了實現動畫，我們使用了CSS的@keyframes規則，將動畫的名字定義為了scroll。這段代碼告訴我們，在動畫執行期間，元素將從初始位置到目標位置(左側)移動。

最后，我們用animation指令將動畫應用到了在container中的元素上。這些元素被設置為 display:inline-block，并且動畫屬性的值是scroll 5s infinite。

有了以上的CSS樣式代碼，我們就可以實現一個簡單的自動左右滾動的效果。您只需要將需要滾動的內容放到 .container 中即可。