CSS左側隱藏菜單是在網站開發中經常用到的一種樣式。這種效果通過CSS代碼實現，可以讓網站左側的菜單欄在初始狀態下不顯示，只有當鼠標懸浮在頁面左側區域時，才展開顯示菜單項。下面是一段實現CSS左側隱藏菜單的樣式代碼：

p{
margin: 0;
padding: 0;
}
/*左側隱藏菜單*/
.menu{
position: fixed;
top: 0;
left: -250px;
width: 250px;
height: 100vh;
background-color: #333;
transition: all 0.3s ease-in-out;
}
/*鼠標懸浮時菜單展開*/
.menu:hover{
left: 0;
}
/*菜單項樣式*/
.menu-item{
margin-top: 20px;
padding: 10px;
color: #fff;
opacity: 0.7;
transition: all 0.3s ease-in-out;
}
/*鼠標懸浮時菜單項透明度變化*/
.menu-item:hover{
opacity: 1;
}

在上述代碼中，我們首先定義了一個p標簽的樣式，定義了其margin和padding屬性，這是為了使得我們后面的菜單樣式排版更加合理。 接著，我們用.menu類定義了左側菜單的樣式。我們設置了position屬性為fixed，用于讓菜單固定在瀏覽器窗口左側。同時，我們將菜單向左移動了250px，超出了屏幕的邊界，在初始狀態下菜單不可見。菜單的寬度為250px，高度為100vh，背景顏色為#333。我們還定義了transition屬性，用于制作菜單的展開動畫效果。 接著，我們用:hover偽類定義了鼠標懸浮在.menu上的樣式。這里將菜單left屬性改為0，使其展開顯示。 下面是.menu-item類的樣式定義。我們設置了它的margin-top和padding屬性，并定義了文字顏色為#fff，透明度為0.7。同樣，我們使用了transition屬性，用于菜單項懸浮時透明度漸變的動畫效果。最后，我們還用:hover偽類重新定義了.menu-item的樣式，將其透明度改為1。 通過以上CSS代碼，我們實現了左側隱藏菜單的效果。你可以在自己的網站上通過添加這些代碼，來實現類似的效果。