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

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>
 
Simple hamburguer menu with CSS effects and a bit Javascript

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

  • LATEST
  • RELATED
  • POPULAR