Skip to content

Instantly share code, notes, and snippets.

@james-dibble
Last active August 29, 2015 14:00
Show Gist options
  • Save james-dibble/03f4fe0278ab646c17e9 to your computer and use it in GitHub Desktop.
Save james-dibble/03f4fe0278ab646c17e9 to your computer and use it in GitHub Desktop.
Android Sliding Menu Css
html {
overflow-y: scroll;
}
html,
body {
position: relative;
}
#sidebar {
position: fixed;
top: 0;
left: -165px;
height: 100%;
width: 165px;
z-index: 1030;
background: #fafafa;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#sidebar.out {
box-shadow: 1px 1px 25px #666;
left: 0;
}
#sidebar .btn {
position: relative;
margin-left: 165px;
display: block !important;
z-index: 999;
}
#wrap {
margin-left: 0;
margin-right: 0;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#wrap.out {
margin-left: 82.5px;
margin-right: -82.5px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment