以下是我希望它的外观:

我意识到这是一个丑陋的模型,显然当我真正做到这一点时,比例看起来会更好,但我想知道如何用CSS做这件事.
小提琴在这里http://jsfiddle.net/bU3QS/1/
<div class="header">
</div>
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #000;
z-index: 10000;
height: 110px;
overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud) 在我的网站www.polymath.io上有一个菜单div,基本上是一个小盒子+标志.显然这对很多人来说很难看,所以我想知道我是否可以以某种方式激活div.mobile_menu.open.
我需要离开默认值:
div.mobile_menu.close
Run Code Online (Sandbox Code Playgroud)
至
div.mobile_menu.open
Run Code Online (Sandbox Code Playgroud)
10秒后
谢谢!