【Javascript】ハンバーガーメニュー作成（左、上、右から表示） - Qiita

<nav id="nav"> <ul> <li><a href="#">リンク1</a></li> <li><a href="#">リンク2</a></li> <li><a href="#">リンク3</a></li> </ul> </nav> <div id="hamburger"> <span class="inner_line" id="line1"></span> <span class="inner_line" id="line2"></span> <span class="inner_line" id="line3"></span> </div> <style> body{ background-color: rgba(0,0,0,0.2); } # nav{ position: absolute; height: 100vh; width: 40%; left: -40%;