CSS3二級菜單滑動是一種常用的網頁設計技巧，能夠為網頁增添一點動態效果，提高用戶使用體驗。下面我們將介紹如何使用CSS3實現這一效果。

/*CSS樣式*/
#menu ul {
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
#menu ul li {
display:inline-block;
background-color: #eee;
}
#menu ul li:hover {
background-color: #ccc;
}
#menu ul ul {
display: none;
position: absolute; 
top:0; 
left:100%; 
}
#menu ul li:hover >ul {
display:inherit;
}

首先，我們需要HTML結構，一般情況下使用無序列表來創建菜單。

<div id="menu">
<ul>
<li><a href="#">菜單1</a></li>
<li><a href="#">菜單2</a>
<ul>
<li><a href="#">子菜單1</a></li>
<li><a href="#">子菜單2</a></li>
<li><a href="#">子菜單3</a></li>
</ul>
</li>
<li><a href="#">菜單3</a>
<ul>
<li><a href="#">子菜單1</a></li>
<li><a href="#">子菜單2</a></li>
</ul>
</li>
<li><a href="#">菜單4</a></li>
</ul>
</div>

接著，我們需要設置CSS樣式。#menu ul設置列表樣式的無序列表，#menu ul li將li元素展示為內聯塊級元素，#menu ul li:hover鼠標懸停的效果設置為改變背景顏色。#menu ul ul設置為子菜單，display:none表示子菜單初始狀態為隱藏，position:absolute表示子菜單的位置與父菜單相對顯示到父菜單的右側。

最后，使用選擇器#menu ul li:hover >ul，當鼠標懸停在li元素上時，子菜單展示出來。至此，就完成了CSS3二級菜單滑動的效果。