【CSS】CSSで実装、サイドバーナビゲーション。CSS SideBar Nav

CSS SideBar NavはCSSのスライドアウトサイド・ナビゲーションバー。

CSS

<link rel="stylesheet" href="assets/compiled.css">

HTML

<body>
<input type="checkbox" id="sidebartoggler">
<div class="page-wrapper">
<label class="toggle" for="sidebartoggler">☰</label>
<div class="page-content">
:
</div>
<div class="sidebar">
<ul>
<li>Home</li>
<li>Projects</li>
<li>Clients</li>
<li>Blog</li>
<li>Contact</li>
</ul>
</div>
</div>
</body>

GitHubにチュートリアルも紹介されています。ライセンスは不明でした。

 
CSS-sidenav

【CSS】CSSで実装、サイドバーナビゲーション。CSS SideBar Nav

  • LATEST
  • RELATED
  • POPULAR