之前為大家介紹了好幾款導航菜單，今天要給大家帶來一款純css3實現的環形導航菜單。該導航比較新鮮，列表圖標位于中間，單擊列表圖標的時候，各項分布于列表圖表的四周。形成一個環形。效果圖如下：

　　實現的代碼。

　　html代碼：

復制代碼代碼如下:<div class=”container”>
<h1>
Cool Open/Close menu in full CSS</h1>
<input type=”checkbox” id=”menu_opener_id” class=”menu_opener”>
<label for=”menu_opener_id” class=”menu_opener_label”>
</label>
<div class=”barre_hamburger”>
</div>
<a href=”#” class=”link_one link_general”></a><a href=”#” class=”link_two link_general”>
</a><a href=”#” class=”link_three link_general”></a><a href=”#” class=”link_four link_general”>
</a></input>
</div>

　　css代碼：