Javascript

【Javascript】メニューのトリガー効果にCSSトランジションとJavaScript。Simple hamburguer menu with css effects

January 8, 2017
Simple hamburguer menu with CSS effects and a bit Javascript

Simple hamburguer menu with CSS effects and a bit Javascriptはメニューのトリガー効果にCSSのトランジションとJavaScriptを使用したメニュー。

HTML

		<div class="row">
			<div class="box blue">
				<a onclick="triggerMenu(this)"><span class="hamburguer-menu first"></span></a>
			</div>
			<div class="box light-black">
				<a onclick="triggerMenu(this)"><span class="hamburguer-menu second"></span></a>
			</div>
			<div class="box pink">
				<a onclick="triggerMenu(this)"><span class="hamburguer-menu third"></span></a>
			</div>
			<div class="box light-green">
				<a onclick="triggerMenu(this)"><span class="hamburguer-menu fourth"></span></a>
			</div>
			<div class="box orange">
				<a onclick="triggerMenu(this)"><span class="hamburguer-menu fifth"></span></a>
			</div>
			<div class="box red">
				<a onclick="triggerMenu(this)"><span class="hamburguer-menu sixth"></span></a>
			</div>

			<div class="clear"></div>
		</div>

		<script src="assets/js/scripts.js"></script>

Download