CSS3中，有一個很酷的效果叫做往左的文字跑馬燈，在實際開發中經常會用到。本文將向您介紹如何實現這個效果。

.marquee{
width: 100%;
height: 30px;
line-height: 30px;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
}
.marquee span{
display: inline-block;
animation: marquee 15s linear infinite;
}
@keyframes marquee{
0% { transform: translateX(0);}
100% { transform: translateX(-100%);}
}

在上面的代碼中，我們使用了關鍵字@keyframes，這個關鍵字定義了動畫的過程。我們利用強大的CSS3特性中的動畫屬性animation，使文本從左到右滾動。還用了transform屬性，它指定在2D或3D平面內平移，旋轉或縮放元素。

<div class="marquee">
<span>CSS3往左的文字跑馬燈</span>
</div>

最后，我們給外部容器用類名marquee，文本用標簽包起來，這個標簽的動畫屬性將實現文本的滾動。

這就是如何使用CSS3實現往左的文字跑馬燈的簡單過程，希望對大家有所幫助。