CODES;
<style>
.kev{
width:15px;
display:inline-block;
position:fixed;
color:#000;
text-align:center;
text-decoration:none;
padding-top:70px;
line-height:13px;
padding-left:3px;
letter-spacing:5px;
-webkit-border-bottom-right-radius: 55px;
-webkit-border-bottom-left-radius: 55px;
-moz-border-radius-bottomright: 55px;
-moz-border-radius-bottomleft: 55px;
border-bottom-right-radius: 55px;
border-bottom-left-radius: 55px;
font-size:10px;
}
#ones{
background:#FFD8D6;
height:200px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
top:0px;
left:20px;}
#ones:hover{
height:250px;}
#twos{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
background:#FF8585;
height:250px;
top:0px;
left:46px;}
#twos:hover{
height:300px;}
#tris{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
background:#CCC2C2;
height:100px;
top:0px;
left:71px;}
#tris:hover{
height:150px;}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
</style>
<a class="kev" id="ones" href="LINK">A B O U T </a>
<a class="kev" id="twos" href="LINK">T U T O R I A L S</a>
<a class="kev" id="tris" href="LINK">B L O G <br/></a>