CSS

【CSS】メニューの上にマウスを移動させるとスライド表示されるSlide Out Menu

June 11, 2016
Slideout menu

Slide Out MenuはCSSで実装されたスライドアウトメニュー。メニューの上にマウスを移動させるとスライドしてメニューが表示されます。

CSS

<link href="css/style.min.css" rel="stylesheet" type="text/css" />

HTML

<body>
  <div class="menu">
    <div class="title">MENU</div>
    <ul class="nav">
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Resources</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </div>

  <div class="intro">
    :
  </div>
</body>

ライセンスは不明です。