Neko

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>

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.