Kódja:

<ul id="navigacio">

<li>

<a href="#">&nbsp;</a></li>

<li>

<a href="#">&nbsp;</a></li>

<li>

<a href="/#">&nbsp;</a></li>

<li>

<a href="#">&nbsp;</a></li>

<li>

<a href="#">&nbsp;</a></li>

</ul>

 

<style type="text/css">

#navigacio {

   margin-left:0px;

   text-align:center!important;

   display:inline!important;

   padding:0!important;

   list-style-type: none!important;

   list-style-image: none!important;

   list-style: none!important;

}

 

#navigacio li {

   text-align:center!important;

   display:inline!important;

   margin-bottom: 0px;

   padding:10!important;

   background-color:transparent;

}

#navigacio a {

margin-left:15px;

text-align:center!important;

width:34px!important;

height:20px!important;

display:inline-block!important;

font-family:'Inconsolata'!important;

line-height:18px!important;

padding:5px!important;

padding-top:20px!important;

COLOR: RGBA(0, 0, 0, 0.01)!IMPORTANT;

font-size:10px;

opacity:1!important;

letter-spacing:-1px;

text-decoration:none;

text-shadow:none!important;

font-style:italic;

border-top: 2px solid #34293B;

border-bottom: 2px solid #34293B;

border-left: 2px solid #C7EBD3;

border-right: 2px solid #C7EBD3;

border-radius:50px;

background:#1A181C!important;

transition: all .2s ease-in-out;

-o-transition: all .2s ease-in-out;

-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out;

-webkit-box-shadow: inset 0px 0px 15px 0px #000;

-moz-box-shadow: inset 0px 0px 15px 0px#000;

box-shadow: inset 0px 0px 15px 0px #000;

}

 

#navigacio a:hover { 

transform: rotateY(180deg)!important;

font-family:'Inconsolata'!important;

text-decoration:none;

letter-spacing:2px;

color: rgba(255, 255, 255, 1)!IMPORTANT;

border-top: 2px solid #C7EBD3;

border-bottom: 2px solid #C7EBD3;

border-left: 2px solid #34293B;

border-right: 2px solid #34293B;

border-radius:50px;

background:#1A181C!important;

-webkit-box-shadow: inset 0px 0px 15px 0px #000;

-moz-box-shadow: inset 0px 0px 15px 0px#000;

box-shadow: inset 0px 0px 15px 0px #000;

}

 

--> </style>

<LINK HREF='HTTPS://FONTS.GOOGLEAPIS.COM/CSS?FAMILY=INCONSOLATA' REL='STYLESHEET' TYPE='TEXT/CSS'>