CSS可以幫助我們創建很多不同的效果和動畫。其中一個常見的效果是下拉菜單，當鼠標懸停在頂部菜單上時，會自動展開下拉菜單。下面是使用CSS創建鼠標滑過下拉菜單的代碼：

/* 設置下拉菜單的樣式 */
.dropdown {
position: relative;
display: inline-block;
}
/* 鼠標懸停時展開下拉 */
.dropdown:hover .dropdown-content {
display: block;
}
/* 下拉菜單的樣式 */
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
/* 下拉菜單中的選項 */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* 鼠標懸停在選項上時的樣式 */
.dropdown-content a:hover {
background-color: #ddd;
}

以上代碼中，我們首先創建了一個下拉菜單的容器，它的默認狀態下是隱藏的。當鼠標懸停在該容器上時，我們使用:hover偽類來設置它的display屬性為block，從而展開下拉菜單。在下拉菜單中，我們使用絕對定位來將它定位在相對于容器位置的下方。我們還設置了鼠標懸停在選項上時的效果，通過改變選項的背景顏色來提高可視性。

最后，將上述代碼添加到你的網站中，就可以創建一個鼠標滑過下拉菜單。需要注意的是，你可以自定義菜單和選項的樣式和布局，從而適應你的網站需求。