【CSS】メニューの上にマウスを移動させるとスライド表示されるSlide Out 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>

ライセンスは不明です。

 
Slideout menu

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

  • LATEST
  • RELATED
  • POPULAR