Függöleges menü 24.
Kód
<center>
<ul id="navigation">
<li>
<a href="link.html">Link 1</a></li>
<li>
<a href="link.html">Link 2</a></li>
<li>
<a href="link.html">Link 3</a></li>
<li>
<a href="link.html">Link 4</a></li>
</ul>
</center>
<style type="text/css">
#navigation {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
list-style: none;
}
#navigation li {
margin-bottom: 2px;
}
#navigation a {
background: #D8DAD3;
color: #000000;
font-size: 12px;
display:inline-block;
width: 200px;
padding-bottom: 2px;
padding-top: 2px;
border: 0px;
text-shadow:15px 0px transparent, -15px 0px transparent;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
#navigation a:hover {
background: #808080;
color: #ffffff;
text-decoration: none;
text-shadow:0px 0px #333, -0px 0px #333;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
border: 0px;
}
--> </style>
|