在現代網站中，導航欄對于網站的功能和美觀程度都十分重要。而側邊欄導航欄是其中一種常用的風格之一。下面我們來探討一下如何使用CSS3來實現側邊欄導航欄效果。

nav {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 200px;
background-color: #f5f5f5;
box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
z-index: 1;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li {
margin: 0;
padding: 0;
}
nav a {
display: block;
padding: 15px;
text-decoration: none;
color: #333;
font-weight: bold;
transition: background-color 0.2s ease-in-out;
}
nav a:hover {
background-color: #333;
color: #fff;
}

首先，通過設置nav的position屬性為fixed，即可使導航欄始終固定在頁面的左側。然后，使用純CSS3實現了陰影效果和背景色設置。接著，將ul的list-style屬性設置為none，即可去除原生的列表樣式。然后再使用其他CSS樣式設置每個li元素的外邊距和內邊距，以及鏈接元素a的樣式。

在鼠標懸停鏈接時，使用CSS3的transition實現了漸變效果，增加了用戶的體驗感。由此可見，使用CSS3可以非常輕松地實現一個簡潔、美觀并且功能完整的側邊欄導航欄！