在網頁設計中，無限滾動是一種常見的設計效果，可以增加頁面的活力和互動性。而在文字滾動方面，CSS中的animation屬性可以輕松實現文字向左無限滾動的效果。

/*CSS代碼示例*/
.text {
white-space: nowrap;
animation: scrolling 10s linear infinite;
}
@keyframes scrolling {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

代碼解釋：

首先，將文字的white-space屬性設置為nowrap，這樣文字就不會換行；接著，使用animation屬性實現動畫效果。在animation中，

• scrolling是我們自定義的屬性，可以隨意取名；
• 10s表示動畫持續(xù)時間為10秒；
• linear表示動畫速度線性，也可以換成ease、ease-in等其他速度曲線；
• infinite表示動畫無限循環(huán)。

接下來，使用keyframes定義滾動過程中的關鍵幀。在這里，我們將文字從初始位置（translateX(0)）向左移動100%（translateX(-100%)），實現無限滾動的效果。

最后，給對應的文字html標簽加上.text類名即可。

以上就是使用CSS實現文字向左無限滾動的方法，是一種簡單卻十分實用的效果。在設計中，也可根據需要調整滾動速度、方向等屬性，創(chuàng)造出更多樣化、獨特的設計效果。