Javascript

【Javascript】HTML、CSS、Javascriptを使ったハンバーガーメニューアニメーションHamburger Menu Animation

June 17, 2018
Hamburger Menu

Hamburger Menu AnimationはHTML、CSS、Javascriptを使ったハンバーガーメニューアニメーション

HTML

		<div id="menu-bar">
			<div id="menu" onclick="onClickMenu()">
				<div id="bar1" class="bar"></div>
				<div id="bar2" class="bar"></div>
				<div id="bar3" class="bar"></div>
			</div>
			<ul class="nav" id="nav">
				<li><a href="#">Home</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Gallery</a></li>
				<li><a href="#">Contact</a></li>
			</ul>
		</div>
		<div class="menu-bg" id="menu-bg"></div>
		<script src="script.js"></script>