<style>
@font-face {
font-family:tt;
}
.navigate {
display:inline-block;
width:60px;
background:#eee;
text-align:center;
font-family:verdana;
font-size:15px;
text-transform:lowercase;
border-left:10px solid #aaa;
border-right:1px solid #aaa;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
-webkit-transition-duration:0.8s;
margin:5px;
}
.navigate:hover {
display:inline-block;
width:60px;
background:#fff;
text-align:center;
font-family:tt;
font-size:8px;
text-transform:uppercase;
border-left:1px solid #aaa;
border-right:10px solid #aaa;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
-webkit-transition-duration:0.8s;
}
</style>
<a class="navigate" href="YOUR LINK">Title1</a><a class="navigate" href="YOUR LINK">Title2</a><a class="navigate" href="YOUR LINK">Title3</a><a class="navigate" href="YOUR LINK">Title4</a>

• kode nya di edit dulu
• and save ^^