VERTICAL ANIMATED MENU

 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
<style>
ul.vmenu{width:280px;overflow: auto;
background:#333;margin:0;padding:0;
padding-top:5px;list-style-type: none;}
ul.vmenu li{text-align:left;}
ul.vmenu li a{position: relative;
display:inline-block;text-indent:5px;
overflow:hidden;background:#115599;
font:16px arial;text-decoration:none;
padding: 5px;margin-bottom:5px;color:#FFF;
border:2px solid #33FFFF;border-radius:8px;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
ul.vmenu li a:hover{
padding-left:30px;padding-right:30px;background:#105105;color:#FFFF00;font:bold 16px arial;border:2px solid #FFFF00;border-radius:8px;}
</style>
<ul class="vmenu">
<li><a href="https://the-best-widgets.blogspot.com">HOME</a></li>
<li><a href="https://the-best-widgets.blogspot.com/p/my-posts.html">MY POSTS</a></li>
<li><a href="https://the-best-widgets.blogspot.com/2013/07/widgets-for-all.html">WIDGETS LIST</a></li>
<li><a href="https://the-best-widgets.blogspot.com/p/wigdets_31.html">HTML-CSS CODES</a></li>
<li><a href="https://the-best-widgets.blogspot.com/p/blog-page_3.html">TOOLS FOR BLOGGERS</a></li>   
</ul>