中獎公告滾動是網站常見的功能之一，可以吸引用戶的注意，并增加用戶使用網站的時間。在CSS中，我們可以通過使用定位和動畫效果來實現滾動中獎公告的效果。

.announcement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 40px;
overflow: hidden;
text-align: center;
background-color: #fff;
color: #000;
font-weight: bold;
font-size: 16px;
line-height: 40px;
animation: marquee 10s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

以上是一個簡單的中獎公告滾動的CSS代碼實現。我們通過設置元素的position屬性為absolute，使其從頁面頂部開始滾動，top和left屬性分別設置為0，width屬性設置為100%，確保元素被完全覆蓋。設置height屬性為40px，overflow屬性為hidden，使文本被隱藏并且超出的內容不會顯示出來。這時，我們需要使用動畫效果來讓元素不斷向左移動，使用CSS3的動畫屬性可以很方便地實現這一效果。

在動畫屬性中，我們使用了一個名為marquee的動畫，持續時間為10秒，線性變化，并且無限循環。在@keyframes中，我們定義了動畫開始與結束時的狀態，0%時，元素位置不變，100%時，元素向左移動100%的距離。通過這樣的設置，我們就可以實現一個簡單的中獎公告滾動效果了。