Tutorial : Navigation (vi)  

<style>a.navvi{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:1px;
display:inline-block;
text-align:center;
background: #fff;
color:#000;
width:75px;
padding:2px;
overflow: hidden; }
a.navvi:hover{
color: #fff;
background: #000;
border-radius: 50px 0px 50px 50px;
-moz-border-radius: 50px 0px 50px 50px;
-webkit-border-radius: 50px 0px 50px 50px;}
#h1{padding:2px;background: #fff;width:380px; position:fixed;}
</style>
<center>
<div id="h1">
<a class="navvi" href="LINK">Tutorial</a>
<a class="navvi" href="LINK">Freebies</a>
<a class="navvi" href="LINK">Entries</a>
<a class="navvi" href="LINK">Affies</a></div>
</center>