CSS文字左右跑動

在CSS中，我們可以通過animation-keyframes和animation來實現文字左右跑動的效果。
首先，在樣式表中定義一個動畫：
@keyframes run {
from {left:0;}
to {left:100%;}
}
接著，將動畫綁定到文字上：
.run-text {
position:absolute;
white-space: nowrap;
animation-name:run;
animation-duration:4s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}
在這里，我們使.position屬性為absolute，讓文字脫離文檔流。我們也將white-space設置為nowrap，這樣文字就不會在換行時自動換行。
接著，我們將動畫的名稱、持續時間、迭代計數以及時間函數指定為linear。
最后，我們在HTML中使用以下代碼來呈現效果：
<div class="run-text">Some text to run</div>
這樣，在動畫的4秒周期內，文字會以線性方式從左到右跑完所有內容。