Navigation Hover (Cute)

Hai semua ! Hari ini aku mau memnuhi request dari Salsa dan juga Sasya.Maaf ya Salsa kalau lama aku enggak sempat buka blog dari kemarin.Oke langsung aja ya

Preview

Template Designer/Denim : Tata Letak - Add a Gadget- Html/Javascript

Template Blogskin : Paste di kode Navigation kalian ya

 The Codes

<style>
.gu {
background : #F9BFBF;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
margin-bottom:2px;
width: 100px;
color: #fff;
-webkit-transition-duration: 0.5s;
font-family: Amatic SC;
font-size: 19px;
text-align: center;
text-transform: uppercase;
-moz-border-radius: 1em 4em 1em 4em;              
border-radius: 1em 4em 1em 4em;                
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
}
.gu:hover {
background : #FDB8E1;
-webkit-transition-duration: 0.5s;
color: #000;
margin-bottom:2px;
}
.da {
background: #F7EEDB;
margin-bottom:2px;
padding: 2px;
color: #000;
letter-spacing: 2px;
display: inline-block;
width: 100px;
-webkit-transition-duration: 0.5s;
font-family: Amatic SC;
font-size: 17px;
text-align: center;
text-transform: uppercase;
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}
.da:hover{
background : #BABABA;
margin-bottom:2px;
-webkit-transition-duration: 0.5s;
color: #fff;
}
</style>
<center>
<a class="gu" href="URL PAGE">POST</a>
<a class="da" href="URL PAGE">STUFF</a>
<a class="gu" href="URL PAGE">POST</a>
<a class="da" href="URL PAGE">STUFF</a>
<a class="gu" href="URL PAGE">POST</a>
<a class="da" href="URL PAGE">STUFF</a>
<center></center></center>

Re-post? With credit.