CSS實現多條新聞左右滾動的效果，可以用到CSS3的特性：動畫和過渡。

首先，我們需要給文字容器設置一個固定的寬度，然后將容器內的文字元素橫向排列，使用white-space屬性設置文字不換行。接下來，我們可以使用CSS3的tranform屬性，將文字元素向左或向右移動，實現滾動效果。

.news-container {
width: 600px;
overflow: hidden;
}
.news-content {
display: flex;
white-space: nowrap;
animation: marquee 15s linear infinite;
}
.news-item {
margin-right: 30px;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

上述代碼中，我們給新聞容器.news-container設置了固定寬度，并將overflow屬性設置為hidden，也就是超出容器區域的內容將被隱藏。然后，我們使用flex布局，將新聞內容.news-content內的元素橫向排列，并且設置white-space為nowrap，使文字不換行。

接著，我們使用關鍵幀動畫@keyframes，定義了一個名為marquee的動畫，并且通過transform屬性將.news-content元素向左移動-100%的距離，實現了滾動效果。

最后，我們通過在.news-content元素上添加animation屬性，將marquee動畫應用于新聞滾動效果。

總的來說，使用CSS實現多條新聞左右滾動的效果，可以方便地實現富有動感的頁面設計，帶來更好的用戶體驗。