CSS3 彈幕滾動效果是一種通過 CSS3 創造出的炫酷效果，讓網頁內容在屏幕上滾動展示，提升用戶體驗度。

.container {
position: relative;
overflow: hidden;
height: 300px;
background-color: #f5f5f5;
}
.bullet {
position: absolute;
left: 100%;
top: 0;
white-space: nowrap;
font-size: 16px;
color: #333;
animation: bulletMove 5s linear;
}
@keyframes bulletMove {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}

在上面的代碼中，我們首先創建了一個容器，設置了其為相對定位，且設置了寬度和高度，這個容器即為彈幕的展示區域。然后，我們創建了一個彈幕元素 bullet，使用了絕對定位，同時在左側設置了位置為 100%，即在屏幕外，彈幕文字顯示的顏色為 #333，字號為 16px。

接下來，我們定義了一個 bulletMove 動畫，它控制了彈幕的運動方式。from 表示動畫開始時的狀態，即彈幕在屏幕右側，通過 transform: translateX(100%) 將其移動到屏幕右側。to 表示動畫結束時的狀態，即彈幕在屏幕左側，通過 transform: translateX(-100%) 將其移動到屏幕左側。最后，我們為 bullet 元素設置了動畫 bulletMove，運動時間為 5s。

這樣，彈幕滾動效果就實現了。通過將多個彈幕元素加入到容器中，使它們同時滾動，即可實現彈幕效果。