html - 如何让我的导航列表进入侧边栏汉堡菜单？

Question

这就是我到目前为止所拥有的。

<div class="header-wrapper-sticky">
  <nav class="navicon">
    <button class="hamburger-menu">
      <span class="top"></span>
      <span class="middle"></span>
      <span class="bottom"></span>
    </button>

    <ul class="navlist">
      <li><a href="#">Home</a></li>
      <li><a href="">Crystal Directory</a></li>
      <li><a href="">Contact</a></li>
    </ul>
  </nav>
</div>

我如何翻转/反转汉堡菜单使其面向左侧，以及如何使导航列表进入汉堡菜单内部，以便在单击时它会从侧面出来？

标签： htmlcsshamburger-menu