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

CSS

CSS-sidenav

June 15, 2016

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にチュートリアルも紹介されています。ライセンスは不明でした。

Latest Posts

Related Posts