CSS 跑馬燈是一種經常用于展示重要信息或廣告宣傳的效果，在網頁上呈現文字或圖像連續不斷地橫向滾動。常見的跑馬燈包括連續不斷地滾動、循環滾動、滾動停頓等效果。

其中，滾動停頓效果在展示信息時可以增強引人注目的效果，吸引用戶關注度。

/* CSS代碼 */
@keyframes marquee {
 0%   { transform: translateX(0); }
 100% { transform: translateX(-100%); }
}
.marquee {
position: relative;
overflow: hidden;
}
.marquee::before, .marquee::after {
content: "";
position: absolute;
top: 0;
width: 20%;
height: 100%;
z-index: 2;
}
.marquee::before {
left: 0;
background: linear-gradient(to right, 
rgba(255, 255, 255, 0.08) 0%, 
rgba(0, 0, 0, 0.72) 96%);
}
.marquee::after {
right: 0;
background: linear-gradient(to left, 
rgba(255, 255, 255, 0.08) 0%, 
rgba(0, 0, 0, 0.72) 96%);
}
.marquee >div {
display: inline-block;
white-space: nowrap;
animation: marquee 10s ease-in-out infinite;
}
.marquee.paused >div {
animation-play-state: paused;
}

以上代碼是實現滾動停頓的 CSS 樣式代碼，該效果主要是通過 transform 屬性實現文字的橫向平移，從而呈現出文字連續不斷地向左滾動。同時，使用 opacity 屬性來設置文字區域的透明度，配合 background 屬性設置文字區域的背景顏色，使跑馬燈顯示效果更佳。

如果需要停頓效果，則需要使用 CSS3 動畫的 keyframes 屬性，并通過 animation-play-state 屬性來控制動畫的暫停與播放。

總的來說，CSS 跑馬燈是實現展示效果的重要 CSS 樣式，準確地運用該樣式可以使網站或者廣告等內容更加引人入勝，吸引到用戶的觀看和關注。