CSS

【CSS】CSSのオフキャンバスメニューPure CSS Offcanvas Menu

February 4, 2017
Pure CSS Offcanvas Menu

Pure CSS Offcanvas MenuはPure CSSのオフキャンバスメニュー。

HTML

  <div id="menu">
    <ul>
      <li><a href="">Lorem.</a></li>
      <li><a href="">Suscipit!</a></li>
      <li><a href="">Sapiente.</a></li>
    </ul>
  </div>

  <div class="button-group">  
    <a class="menu-button" href="#menu">
      <span>
      	<i class="fa fa-bars" aria-hidden="true"></i>
      	<i class="fa fa-times" aria-hidden="true"></i>
      </span>
    </a>
    <a class="menu-button off" href="#off-menu"></a>
  </div>