SwibeはCSSとJavaScriptのシンプルなスライドメニュー。

swibe.min.jsとswibe.min.cssを追加

<link rel="stylesheet" href="swibe.min.css">
<script type="text/javascript" src="swibe.min.js"></script>

メニューを開く要素にidswibe-triggerを追加

<button id="swibe-trigger">Menu</button>

メニューを含む要素にidswibe-menuを追加

<nav id="swibe-menu">
  <ul>
    <li><a>Item</a></li>
    <li><a>Item</a></li>
    <li><a>Item</a></li>
    <li><a>Item</a></li>
  </ul>
</nav>

MIT

• Tag
• Animations
• Javascript
• Navigation
• Responsive