<style>
a.jeonjin {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:15px;
padding-bottom:5px;
border-top-right-radius:40px;
border-top-left-radius:40px;
width:70px;
text-decoration:none;
font-family:calibri;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #FFD1D1;
text-align:center;
cursor:vertical-text;
}
a.jeonjin:hover{
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transform: rotateX(180deg) ;
-moz-transform: rotateX(180deg) ;
-o-transform: rotateX(180deg) ;
-ms-transform: rotateX(180deg) ;
background:#FFDFDF;}
</style>
<center>
<a class="jeonjin" href="LINK">Link1</a>
<a class="jeonjin" href="LINK">Link2</a>
<a class="jeonjin" href="LINK">Link3</a>
<a class="jeonjin" href="LINK">Link4</a>
</center>

• kode diatas jangan lupa di edit ya
• and save !