CSS左右滾動效果是常見的網頁設計元素，它可以使頁面更加生動活潑。實現這個效果的方法有很多，下面是一段基礎的CSS3代碼示例。

.container {
height: 200px;
overflow-x: scroll;
white-space: nowrap;
}
.item {
display: inline-block;
width: 200px;
height: 150px;
margin-right: 20px;
}

上述代碼分別對容器和滾動項進行了樣式設置。其中container為滾動容器，設置了高度、水平滾動和nowrap屬性，意為不換行。item為滾動項，設置了寬度、高度和margin-right屬性，用于控制相鄰項之間的距離。

在實際運用中，可以根據自己的需求進行樣式調整和其他效果添加。比如，可以使用JavaScript實現自動滾動、鼠標懸停暫停等功能。

需要注意的是，對于瀏覽器兼容性的問題，可以使用jQuery等框架提供的插件來實現效果。