CSS3是一款功能強大的樣式表語言，它可以用于美化網頁，實現各種酷炫的效果。其中，手機側邊欄是CSS3應用最為廣泛的一種效果，它可以讓你的網頁在移動端更加友好和便捷。

/*側邊欄背景顏色*/
.sidebar{
background-color:#333;
height:100%;
width:0;
position:fixed;
top:0;
left:0;
z-index:1;
overflow-x:hidden;
transition: all 0.5s ease;
}
/*導航按鈕樣式*/
.sidebarBtn{
position:absolute;
top:20px;
left:20px;
}
/*打開側邊欄后，內容區域向右移動*/
.content{
margin-left:250px;
transition:all 0.5s ease;
}
/*關閉按鈕樣式*/
.closeBtn{
position:absolute;
top:20px;
right:20px;
}

以上代碼是手機側邊欄的基本代碼，其中，側邊欄的背景顏色和寬度是通過sidebar類來設置的，導航按鈕和關閉按鈕的位置則是通過sidebarBtn和closeBtn類來設置的。當側邊欄展開時，內容區域會自動向右移動，讓用戶獲得更好的體驗。

CSS3的手機側邊欄效果可以幫助我們更好地展示網站的內容，提高用戶的使用體驗。如果你想實現這個效果，可以參考以上代碼，并根據自己的需求進行調整。