"menu style left side menu"
Bootstrap 3.3.0 Snippet by mahesh749

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<ul>
<li><a href="#">Latest</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Entertainment</a></li>
<li><a href="#">Technology</a></li>
</ul>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
@import "compass/css3";
@import url(http://fonts.googleapis.com/css?family=Oswald);
* {
margin: 0;
padding: 0;
list-style: none;
}
html {
background: #f1f1f1;
}
ul {
position: absolute;
}
ul li {
height: 50px;
background: green;
display: block;
font-family: "Oswald", sans-serif;
position: relative;
z-index: 100;
margin: 5px 0;
-webkit-animation: menu 2s;
-webkit-animation-fill-mode: forwards;
-moz-animation: menu 2s;
-moz-animation-fill-mode: forwards;
-ms-animation: menu 2s;
-ms-animation-fill-mode: forwards;
animation: menu 2s; /* Safari and Chrome */
animation-fill-mode: forwards;
opacity: 0;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
/*Feedly-style Animated CSS Nav Menu
A simple unordered list with CSS animations, delays and hover transitions to jazz it up.
http://www.kenchernoff.com
twitter: @kenchernoff
*/
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Dashboard PRO React
Bootstrap Images to Left and Right with Text and Heading
Tabs style 1
Hover Effect Style

Questions / Comments: