• im a
• unicorn in a
• strange
• and awfully
• loud world

Kódja:

<ul id="navigacio">

<li>

<a href="#"> im a</a></li>

<li>

<a href="#"> unicorn in a</a></li>

<li>

<a href="/#"> strange</a></li>

<li>

<a href="#"> and awfully</a></li>

<li>

<a href="#"> loud world</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 {

transform: rotatex(160deg)!important;

margin-left:15px;

text-align:center!important;

width:100px!important;

height:15px!important;

display:inline-block!important;

font-family:'Inconsolata'!important;

line-height:18px!important;

padding:5px!important;

padding-top:20px!important;

COLOR: RGBA(255, 255, 255, 1)!IMPORTANT;

font-size:10px;

opacity:1!important;

letter-spacing:0px;

text-decoration:none;

text-shadow:none!important;

font-style:italic;

border-top: 10px dotted #fff;

border-bottom: 2px solid #fff;

border-left: 2px solid #AB0F22;

border-right: 2px solid #AB0F22;

border-radius:50px;

background:#CC1B2F!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 #AB0F22;

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

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

}

 

#navigacio a:hover { 

transform: rotatex(0deg)!important;

font-family:'Inconsolata'!important;

text-decoration:none;

letter-spacing:2px;

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

border-top: 10px dotted #fff;

border-bottom: 2px solid #fff;

border-left: 2px solid #0F1AAB;

border-right: 2px solid #0F1AAB;

border-radius:50px;

background:#425CC7!important;

-webkit-box-shadow: inset 0px 0px 15px 0px #1523B3;

-moz-box-shadow: inset 0px 0px 15px 0px #1523B3;

box-shadow: inset 0px 0px 15px 0px #1523B3;

}

 

--> </style>

</p>