CSS3是一種非常強大的網(wǎng)頁樣式語言，它能夠?qū)崿F(xiàn)許多令人驚嘆的效果。其中之一就是旋轉(zhuǎn)導(dǎo)航欄。

.nav {
transform: rotate(90deg);
}
.nav li {
display: inline-block;
margin-right: 20px;
}
.nav a {
display: block;
padding: 10px;
color: #fff;
text-decoration: none;
font-size: 18px;
background-color: #333;
}
.nav a:hover {
background-color: #666;
}

上面的代碼就是一個簡單的旋轉(zhuǎn)導(dǎo)航欄示例。我們將整個導(dǎo)航欄旋轉(zhuǎn)了90度，使其呈現(xiàn)垂直方向。然后我們設(shè)置了li元素的display屬性為inline-block，使其能夠水平排列。接著我們設(shè)置了a元素的display屬性為block，以便它們能夠填滿整個li元素。我們還設(shè)置了一些顏色和樣式屬性，以使導(dǎo)航欄看起來更漂亮。

如果你想更深入了解CSS3 旋轉(zhuǎn)導(dǎo)航欄，可以學(xué)習(xí)transform屬性的更多細節(jié)。同時，你還應(yīng)該學(xué)習(xí)CSS的動畫技術(shù)來使導(dǎo)航欄的旋轉(zhuǎn)更加平滑和自然。